Alert
Inline status message with a Phosphor icon, optional dismiss, and a muted status fill.
An inline status message ported from Atlas. Atlas left the four variants unpainted (same
surface, different glyph). The dry port colors the Phosphor icon and fills the body from
a muted status fill (bg-info-muted and siblings). Those roles pick the 50-step of
the same primitive ramps as --sys-info / --sys-success / --sys-warning /
--sys-danger (950 in dark). role="alert" is on the root.
New export
CSV is available from settings.
Changes saved
Your profile is up to date.
Plan ends in 3 days
Renew to keep the workspace.
Could not save
Check the connection and try again.
Title-only and description-only both work. Dismiss renders when onDismiss is passed —
the parent owns visibility.
Session ends in five minutes.
File uploaded.
Maintenance window
The system is offline Sunday 2–4 AM UTC.
Usage
import { Alert } from '@/components/ui/alert';
<Alert variant="success" title="Saved" description="Your changes are live." />Install
shadcn add @gesso/alert