Alert
An inline banner for status, warnings, and errors — card surface, hairline border.
Autoscaling is active
Sirdar added 3 workers to handle the traffic spike in eu-west.
Token quota at 92%
Machermo will throttle requests once the workspace limit is reached.
Install
pnpm dlx shadcn@latest add @namche/alertUsage
import { Alert, AlertTitle, AlertDescription } from '@/components/ui/alert';
import { InfoIcon } from 'lucide-react';
<Alert>
<InfoIcon />
<AlertTitle>Autoscaling is active</AlertTitle>
<AlertDescription>
Sirdar added 3 workers to handle the traffic spike in eu-west.
</AlertDescription>
</Alert>variant is default | destructive. An icon as the first child grids into its
own column automatically — no extra markup needed. AlertAction positions a
control (a button or link) in the top-right corner for dismiss or retry
actions.