Alert
Examples
Success Alert
Success: Success notification title
Success notification description. This is a link.Success: Success notification title
Success: Success notification title
Danger Alert
Danger: Danger notification title
Danger notification description. This is a link.Danger: Danger notification title
Danger: Danger notification title
Warning Alert
Warning: Warning notification title
Warning notification description. This is a link.Warning: Warning notification title
Warning: Warning notification title
Info Alert
Info: Info notification title
Info notification description. This is a link.Info: Info notification title
Info: Info notification title
Alert Props
The Alert component accepts the following props.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| variant | enum: success, danger, warning, info | Adds Alert variant styles | ||
| action | node | null | Action button to put in the Alert | |
| title | string | '' | Title of the Alert | |
| children | node | '' | content rendered inside the Alert | |
| className | string | '' | additional classes added to the Alert | |
| aria-label | string | undefined | Adds accessible text to the Alert | |
| variantLabel | string | null | Variant label text for screen readers |