Basic Alert
Simple alert with message
Info Alert
This is an informational message.
Success!
Your action was completed successfully.
Warning
Please review your input before proceeding.
Error
Something went wrong. Please try again.
Browse components
Alert
Info, success, warning and error messages, with an optional close button.
molecules 4 variants
Variants / states: infosuccesswarningerror
Live example
Default usage you can copy and adapt.
Props
The props you are most likely to need, with types and defaults.
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
| variant | string | No | info | Alert variant |
| title | string | No | — | Alert title |
| message | string | No | — | Alert message |
| closable | boolean | No | false | Show close button |