Inline alert for status messages with semantic variants.

npx slipstream-ui@latest add alert
Usage

Props

PropTypeDefaultDescription
variant'default' | 'destructive' | 'success' | 'warning' | 'info''default'Semantic style variant.
childrenReactNode—Alert content (AlertTitle and AlertDescription).

Accessibility

  • role=alert announces the content when it appears.
  • AlertTitle renders as h5; maintain logical heading order.