# Alert

> A callout for drawing attention to a short, important message.

_Updated: 2026-06-04_

A callout for drawing attention to a short, important message.

## Installation

```bash
railbase ui add alert
```

Peer dependencies:

```bash
npm install class-variance-authority
```

## Usage

```tsx
import { Alert, AlertTitle, AlertDescription } from "@/lib/ui/alert";

<Alert>
  <AlertTitle>Heads up!</AlertTitle>
  <AlertDescription>You can add components to your app.</AlertDescription>
</Alert>
```

## Anatomy

Exported parts: `alertVariants` · `Alert` · `AlertTitle` · `AlertDescription`