Components

Alert

Contextual feedback messages. Four semantic variants — error, warning, success, information — each driven entirely by status/* color tokens.

All variants

Changes savedYour draft has been saved and is ready to publish.
Validation errorPlease correct the highlighted fields before submitting the form.
Unsaved changesYou have unsaved changes. Leaving this page will discard them.
New feature availableDark mode support is coming in Cedar v2. You can preview it in Settings.

Without title

Your export is ready to download.
This action failed. Please try again.

Tokens used

status/*-bgBackground color per variant
status/error, warning, success, informationIcon color and title color
border-width/boldLeft border accent width (2px)
text/baseBody message color
space/3, space/4Internal padding
radius/lgContainer border radius