ComponentServer-safe

Alert

A semantic callout for important information and feedback.

Installation

Preview

Theme updated

Your semantic tokens are now synced with Rivelle.

Usage

tsx

import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert"

<Alert>
  <AlertTitle>Heads up</AlertTitle>
  <AlertDescription>Your workspace is ready.</AlertDescription>
</Alert>

API reference

Prop	Type	Default	Description
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.