Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Alerts are available to any length of text. You can use title and text at the same time.
| Component Name | Development Status |
|---|---|
| Alert | DONE |
You can find all examples for components developed in this module here.
Very basic Alert component examples.
Alert have contextual variants.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Whenever you need to, be sure to use margin utilities to keep things nice and tidy.
Here are some advanced alert examples.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.
| Property Name | Type | Description |
|---|---|---|
| variant - 'info' | enum | |
| title - null | node | |
| text - null | node | |
| hasIcon - false | bool | |
| isRemovable - false | bool | |
| onRemove | func |