Description
Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages. Alerts may have a type, be dismissable, include a close button, and contain any sort of children components.
Usage
- Simple
<Alert>This is a simple alert.</Alert>- With modifier
<Alert type="info">This is a info alert.</Alert>- With icon
<Alert icon="error"
type="warning">
Warning alert with icon
</Alert>- Dismissable
<Alert close
type="success">
This is a success alert that is closable.
</Alert>- With extra content
<Alert type="primary">
<p>Primary alert with content.</p>
<ol>
<li>lorem</li>
<li>ipsum</li>
</ol>
</Alert>API
Alert can receive a number of props as follow:
| NAME | TYPE | DEFAULT | OPTIONS |
|---|---|---|---|
| type | string | empty | primary, secondary, success, warning, dark, info, light |
| icon | string | empty | Material icons |
| close | Boolean | false | |
| children | single/array of nodes | No content |