Alert
Contextual feedback message with variant styling
GraphQL v1 sunsets on July 31
Two endpoints still hit /graphql. Migrate to v2 before the window closes or
requests will start returning 410.
Maintenance window starts 02:00 UTC
Production API pauses for up to 18 minutes while we roll the new Postgres primary.
Webhook delivery failing
billing.invoice.paid has failed 14 times in the last hour. Check the endpoint before
Stripe backs off.
Accessibility
- Do not rely on transient feedback as the only place critical workflow information appears.
- Label dismiss or retry actions explicitly so their purpose is announced.
- Choose live-region urgency carefully and do not make short-lived announcements the only source of important information.
Styled quick start
Copy this entrypoint first. It includes the imports required to get the component on screen.
Import options
Root package
ts
import { Alert } from '@dryui/ui'Per-component subpath
ts
import { Alert } from '@dryui/ui/alert'API
Props, CSS variables, and the public data attributes you can target when styling.
| Prop | Type | Description | Default | Required | Bindable |
|---|---|---|---|---|---|
| variant | infosuccesswarningerror | Visual style preset for the component. | 'info' | — | — |
| dismissible | boolean | — | false | — | — |
| onDismiss | () => void | — | — | — | — |
| icon | Snippet | — | — | — | — |
| title | Snippet | Primary heading or label text. | — | — | — |
| description | Snippet | Supporting copy that explains the current control or section. | — | — | — |
| children | Snippet | Content rendered inside the component. | — | — | — |