Alert

Inline feedback panel for contextual status. Seven semantic colours across three visual variants, with an optional action row.

Alert 1

Notice scheduled

Your legal notice will be dispatched on 20 August 2026.

Alert 2

Signature complete

All three parties have signed. The document is now locked.

Alert 3

Delivery failed

The recipient address was rejected by the courier.

Alert 4

Draft not saved

You have unsaved changes to this notice.

Alert 5

New in v2.53

DatePicker now re-syncs its visible month when a controlled value changes.

Full props table and controls: Alert in Storybook →