# Notice (/docs/products/dash-dots/reference/components/notice)

Add `onClose` to give it a close button.

**Children:** Text, which can include `Text`, `Link` and `Icon` within a line

## Example

![The Notice component](/assets/images/dash-dots/components/notice.webp)

```xml title="view.dml"
<Notice tone="info" title="Scheduled maintenance">Payments may be slow on Sunday from 02:00 to 04:00.</Notice>
```

## Props

| Prop                                                                   | Type                                                                      | What it is                                        |
| ---------------------------------------------------------------------- | ------------------------------------------------------------------------- | ------------------------------------------------- |
| `tone`                                                                 | [status tone](/docs/products/dash-dots/reference/components#status-tones) | Default: `default`.                               |
| `title`                                                                | `string`                                                                  |                                                   |
| `padding`, `paddingTop`, `paddingStart`, `paddingEnd`, `paddingBottom` | [spacing](/docs/products/dash-dots/reference/components#spacing)          | Space inside its edges, all round or on one side. |

## Events

| Event     | Sends   | Notes                                                               |
| --------- | ------- | ------------------------------------------------------------------- |
| `onClose` | Nothing | The person tapped the close button. Hide the notice with an `<If>`. |