Banner component
Figma Component
Banner component is used to display a prominent message and related optional calls to action.
Button component with the variant inverted must be used for the actions.
An error occurred
A general description of the error
Jan 11, 2024
A general error that the resource is not available.
A general description of the notification
Jan 11, 2024
A general error that the resource is not available.
A general description of the notification
Jan 11, 2024
A general error that the resource is not available.
A general description of the success
Jan 11, 2024
An error occurred
A general description of the error
Jan 11, 2024
An error occurred
An error occurred
An error occurred
A general description of the error
Jan 11, 2024
Properties
| Name | Description | Default |
|---|---|---|
| date | The date of the event | - |
| description | The description of the Banner | - |
| icon | Icon appended before Badge content | - |
| message required | The main message of the Banner | - |
| stacked | Should the Banner indicate visually that there are multiple notifications | - |
| variant | Banner variant | - |
Note: This table does not include native DOM and React properties like `onClick`, `ref`, `id`, `aria-label` (and many others) supported by this component.