Components
- AccordionDone
- AlertDone
- Alert DialogDone
- Aspect RatioNo Change
- AvatarDone
- BadgeDone
- BreadcrumbDone
- ButtonDone
- Button GroupDone
- CalendarNo Change
- CardDone
- CarouselDone
- ChartNo Change
- CheckboxDone
- CollapsibleNo Change
- ComboboxDone
- CommandDone
- Context MenuDone
- Data TableDone
- Date PickerDone
- DialogDone
- DrawerDone
- Dropdown MenuDone
- EmptyNo Change
- FieldNo Change
- React Hook FormNo Change
- Hover CardDone
- InputDone
- Input GroupDone
- Input OTPDone
- ItemDone
- KbdDone
- LabelDone
- MenubarDone
- Navigation MenuDone
- PaginationDone
- PopoverDone
- ProgressDone
- Radio GroupDone
- ResizableNo Change
- Scroll AreaNo Change
- SelectDone
- SeparatorDone
- SheetDone
- SidebarNo Change
- SkeletonDone
- SliderDone
- SonnerDone
- SpinnerDone
- SwitchDone
- TableNo Change
- TabsDone
- TextareaDone
- ToastDone
- ToggleDone
- Toggle GroupDone
- TooltipDone
- TypographyDone
Alert
Frosted notifications with uppercase mono titles. Great for surfacing incidents, warnings, or system wide broadcasts inside the console.
Alert variants
MAINTENANCE WINDOW
Control plane upgrades start at 02:00 JST. Instances remain online; management APIs may respond slower for up to five minutes.
ROLLBACK COMPLETE
Traffic is routed back to the stable build. All regions are serving requests without errors and latency is within SLO.
QUOTA REACHED
You are nearing the workspace secret limit. Delete unused secrets or request an increased quota to avoid deployment failures.
INCIDENT
Deployments in the Osaka region are paused while we investigate a networking regression. Subscribe for updates in the status center.
Installation
pnpm dlx shadcn@latest add @omni/alert
Usage
import {
Alert,
AlertActions,
AlertDescription,
AlertTitle,
} from "@/components/ui/alert"
import { Button } from "@/components/ui/button"<Alert variant="warning">
<AlertTitle>QUOTA REACHED</AlertTitle>
<AlertDescription>
Workspace secrets are almost full. Reclaim space or request an increase.
</AlertDescription>
<AlertActions>
<Button variant="muted" size="sm">
Request increase
</Button>
<Button size="sm">Manage secrets</Button>
</AlertActions>
</Alert>