Alert
Alerts can be used to show a message to the user.
Danger Alert
Hey!👋 I'm a Danger Alert
Hey!👋 I'm a Danger Alert
<div class="alert alert-danger-solid">
Hey!👋 I'm a Danger Alert
</div>
<div class="alert alert-danger-outline">
Hey!👋 I'm a Danger Alert
</div>
Info Alert
Hey!👋 I'm a Info Alert
Hey!👋 I'm a Info Alert
<div class="alert alert-info-solid">
Hey!👋 I'm a Info Alert
</div>
<div class="alert alert-info-outline">
Hey!👋 I'm a Info Alert
</div>
Primary Alert
Hey!👋 I'm a Primary Alert
Hey!👋 I'm a Primary Alert
<div class="alert alert-primary-solid">
Hey!👋 I'm a Primary Alert
</div>
<div class="alert alert-primary-outline">
Hey!👋 I'm a Primary Alert
</div>
Secondary Alert
Hey!👋 I'm a Secondary Alert
Hey!👋 I'm a Secondary Alert
<div class="alert alert-secondary-solid">
Hey!👋 I'm a Secondary Alert
</div>
<div class="alert alert-secondary-outline">
Hey!👋 I'm a Secondary Alert
</div>
Success Alert
Hey!👋 I'm a Success Alert
Hey!👋 I'm a Success Alert
<div class="alert alert-success-solid">
Hey!👋 I'm a Success Alert
</div>
<div class="alert alert-success-outline">
Hey!👋 I'm a Success Alert
</div>
Warning Alert
Hey!👋 I'm a Warning Alert
Hey!👋 I'm a Warning Alert
<div class="alert alert-warning-solid">
Hey!👋 I'm a Warning Alert
</div>
<div class="alert alert-warning-outline">
Hey!👋 I'm a Warning Alert
</div>