Variable: Alert

@arolariu/components

---

@arolariu/components / Alert

Variable: Alert

const Alert: ForwardRefExoticComponent<AlertProps & RefAttributes<HTMLDivElement>>

Defined in: components/ui/alert.tsx:60

A bordered feedback container for inline status, warning, or error messaging.

Remarks

Rendering Context: Server- and client-compatible presentational component.

Renders a <div> with role="alert" so assistive technologies announce urgent content. Use AlertTitle and AlertDescription to build a clear, accessible message structure.

Example

<Alert variant="destructive">
  <AlertTitle>Payment failed</AlertTitle>
  <AlertDescription>Verify your card details and try again.</AlertDescription>
</Alert>

See

• AlertTitle
• AlertDescription
• Base UI documentation