Notification
Overview
When to use
Notification gives an immediate feedback about an action triggered or experienced by an user.
When to consider an alternative
t.b.d.
Component
Default
Loud
Toast
Pass the toast prop to the component to have it render over the DOM
Use <Notification.Container /> to set the container where toasts will be rendered
Properties
Default
| Property | Type | Required | Default | Description |
|---|---|---|---|---|
| utilClassNames | String | false | - | |
| children | Node | false | - | |
| componentRef | Shape {
"current": "Any"
} | false | - | |
| variant | Enum "default" │ "success" │ "error" │ "warning" │ "info" | false | - | Exported as Notification.Variants.success etc. |
| loud | Bool | false | - | |
| title | String | false | - | |
| description | String | false | - | |
| icon | Node | false | - | |
| actions | Node | false | - | |
| toast | Bool | false | - | |
| onCloseButtonClick | Func | false | - | Close button hidden when not passed |