Notification

  1. Home
Solid color variants

The default form of solid color avatars.

Soft color variants

TThe default form of soft color avatars.

Bordered styles

Use a discovery message to signify an update to the UI or provide information around new features and onboarding.

Alert With description

Alerts can also contain additional HTML elements like headings, paragraphs and icons.

Alert With list

Similarly you can use lists.

Actions

More actionable alert example.

Link on right

Use utility classes to quickly provide matching colored links within any alert.

Discovery

Use a discovery message to signify an update to the UI or provide information.

Dismiss button

Use 'dismiss-alert' to dismiss a content.