No Preview

Sorry, but you either have no stories or none are selected somehow.

If the problem persists, check the browser console, or the terminal you've run Storybook from.

NotificationDot
import { NotificationDot } from '@proton/atoms';
The NotificationDot is a circle which can be colored. It takes no opinion on its positioning.
() => <NotificationDot />
Colors
ThemeColor can be used to color the dot.
Position helper
A notification-dot--top-right css class to align the center of the dot to the top right of the container.
With helper
Without helper
Props
No inputs found for this component. Read the docs