Design System React

AlphaThis a work in progress. Your input will help us to improve it. Report issues or raise questions on GitHub.

Notification tag

JSX for this example
<React.Fragment />
JSX for this example
<React.Fragment />
JSX for this example
<React.Fragment />

Notification tag configuration

NotificationTag components can use the following props:

className (optional)
A CSS class name to pass to the component.
description (optional)
Hidden text added to the notification tag for additional context.
isHidden (optional)
Applies aria-hidden="true", for if you want to hide the notification tag from screen readers. Boolean.
label (optional)
The (very short) text shown in the notification bubble. If omitted or empty, the bubble shows as a simple dot.