Alert
unreleasedstable
A status or callout surface for contextual feedback.
Heads up!
Describe what can be done about it here.
import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
export function Component() {
return (
<Alert>
<AlertTitle>Heads up</AlertTitle>
<AlertDescription>Use alerts for important contextual feedback.</AlertDescription>
</Alert>
);
}Alert
Root callout surface with Keystone UI variants, status/error live-region defaults, and stable data attributes.
AlertIcon
Optional icon slot aligned with the title and description content.
AlertTitle
Primary alert heading used as the readable summary.
AlertDescription
Supporting body copy for the alert message.
AlertAction
Optional action slot for native buttons or links supplied by the app.
Heads up!
Describe what can be done about it here.
Heads up!
Describe what can be done about it here.
Heads up!
Describe what can be done about it here.
Heads up!
Describe what can be done about it here.