Components
Alert
Alert banner primitives.
Use Alert to surface important, time-sensitive feedback.
Heads up
A new version of Tile UI is available.
Error
Your session could not be restored.
import { Alert, AlertTitle, AlertDescription } from '@tile-ui/react';
export default function AlertDemo() {
return (
<div className="component-preview__stack">
<Alert>Registry install
pnpm dlx shadcn@latest add @tile-ui/alertPackage usage
import { Alert, AlertTitle, AlertDescription } from '@tile-ui/react';
<Alert variant="destructive">
<AlertTitle>Heads up</AlertTitle>
<AlertDescription>Your session expires in 5 minutes.</AlertDescription>
</Alert>Highlights
- Default and destructive variants
- Title and description
- Pairs with Card and Form
Registry dependencies
| Item | Purpose |
|---|---|
alert | Component source and module styles |
core | Framework-agnostic logic helpers |
styles | Shared SCSS tokens and globals |
API reference
Alert
| Prop | Type | Default |
|---|---|---|
variant | 'default' | 'destructive' | — |