Products · Components
Notice
A message on the page, such as a warning or why a payment failed.
Add onClose to give it a close button.
Children: Text, which can include Text, Link and Icon within a line
Example
<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 | Default: default. |
title | string | |
padding, paddingTop, paddingStart, paddingEnd, paddingBottom | 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>. |