Brand
Changelogv1.4

Alert

Alerts display important messages to attract the user's attention without interrupting their workflow.

Variants

With Actions

Outlined

Soft

Usage

<!-- Filled (default) -->
<div role="alert" class="bos:dui-alert bos:dui-alert-success">...</div>

<!-- Outlined -->
<div role="alert" class="bos:dui-alert bos:bg-transparent bos:border bos:border-success bos:text-success">...</div>

<!-- Soft -->
<div role="alert" class="bos:dui-alert bos:bg-success/15 bos:text-success bos:border-none">...</div>