Alert
Displays a callout for user attention.
Installation
npx shadcn@latest add https://spoke.georgedrury.co.uk/r/alertLineage
Spoke
Anatomy
import { Alert, AlertTitle, AlertDescription } from "@/components/ui/alert"
export default () => (
<Alert>
<AlertTitle />
<AlertDescription />
</Alert>
)Spoke utility classes
| Class | Fallback chain | Description |
|---|---|---|
--alert-radius | var(--radius-lg) | Border radius for alert |
--alert-default | var(--card) | Colour for default alert variant |
--alert-default-foreground | var(--card-foreground) | Text/icon colour for default alert variant |
--alert-destructive | var(--card) | Colour for destructive alert variant |
--alert-destructive-foreground | var(--destructive) | Text/icon colour for destructive alert variant |