Notification

Notification are a type of alert. Notifications succinctly message relevant information. They’re timely, easy to understand, and have a clear purpose. Be straightforward in tone and action to help guide people through.

On this page

Interactive Demo

This demo lets you preview the notification component, its variations, and configuration options. Each tab displays a different type of notifications.

Loading preview
Open in Storybook

Component Variations

There are two notification variations.

1. Page Level Notifications

Page-level messages prominently appear directly below the navigation and above all other components displayed on the page.

2. Component Level Notifications

These notifications typically accompany another component and help provide positive and negative feedback to users.

What’s new

  1. DLS7 token updates (spacing, color).
  2. Added latest link styles.
  3. Added latest button styles.
  4. Increased touch target for close button to meet accessibility guidelines.

See full release notes.

Questions?

Connect with the DLS Team on Slack or by email.

Resources

Check out additional resources.