ToastMessage
Use toast messages to provide updates about a process. The ToastMessage component extends Box.
Usage Example:
Live Editor
Result
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| actionHref | string (optional) | '' | Sets URL for button. |
| actionText | string (optional) | '' | Sets text for button. |
| closeElem | bool (optional) | false | Allows ToastMessage to be closed by user |
| colorTheme | enum (optional) | 'light' | Sets background and text color. Allowed values: 'light' 'dark'. |
| icon | string (optional) | '' | Sets icon to display |
| message | string (optional) | 'Write update here [Required]' | Sets primary message text |
| secondaryMessage | string (optional) | '' | Sets secondary message text |
| variant | enum (optional) | 'default' | Sets type of ToastMessage to display. Allowed values: 'default' 'success' 'failure' 'processing'. |