# Alert

Inline status callout. Pair with a leading icon for instant recognition.

[View examples](https://marsam.rahhal.app/components/alert) · [Agent index](https://marsam.rahhal.app/llms.txt)

**Import:** `@rahhal/ui/alert`

**Category:** `feedback`

## Variants

| variant | purpose |
| --- | --- |
| default | informational |
| destructive | error / failure |

## Anatomy

- Leading icon (svg child) — auto-positioned to the start edge, RTL-safe.
- `<AlertTitle>` — short headline.
- `<AlertDescription>` — body text.