Alert
A notification or status message.
Statuses
To create an Alert, create a div with the class alert. Every Alert
must have a status, which you can set by adding one of the following
additional classes:
infosuccesswarningerror
Failing to include a status is undefined behavior.
No payment is due at this time.
Your profile was updated successfully.
Your connection is unstable.
Your request couldn't be processed at this time. Please
try again later.
<div class="alert info">
No payment is due at this time.
</div>
<div class="alert success">
Your profile was updated successfully.
</div>
<div class="alert warning">
Your connection is unstable.
</div>
<div class="alert error">
Your request couldn't be processed at this time. Please
try again later.
</div>Title
To add a title to an Alert, add the class alert-title to the first child element.
Fun Fact
The tip of a shoelace is called an aglet.
<div class="alert info">
<p class="alert-title">Fun Fact</p>
<p>The tip of a shoelace is called an aglet.</p>
</div>