Alert
Alerts can be used to notify users on a page.
File to include
@import "components/alert";Alert
Alert
Alert
Alert
Alert
Alert
Alert
Alert
<p class="alert" data-color="primary">Alert</p>
<p class="alert" data-color="secondary">Alert</p>
<p class="alert" data-color="success">Alert</p>
<p class="alert" data-color="danger">Alert</p>
<p class="alert" data-color="warning">Alert</p>
<p class="alert" data-color="gray">Alert</p>
<p class="alert" data-color="black">Alert</p>
<p class="alert" data-color="white">Alert</p>Attributes
| Name | Example value | Possible values | Default | Required |
|---|---|---|---|---|
| data-color | danger | "primary" | "secondary" | "success" | "danger" | "warning" | "gray" | "black" | "white" | primary | No |