Alert

ui

Fluent 2 MessageBar-styled alert with shadcn APIs. Three composable parts (Alert, AlertTitle, AlertDescription), five variants (default, destructive, success, warning, info) with subtle intent backgrounds, intent borders, and an optional icon slot.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/alert.json"

Sign In

Alert

ui

Fluent 2 MessageBar-styled alert with shadcn APIs. Three composable parts (Alert, AlertTitle, AlertDescription), five variants (default, destructive, success, warning, info) with subtle intent backgrounds, intent borders, and an optional icon slot.

pnpm dlx shadcn@latest add "https://fluent2-react-kit.graund.io/r/alert.json"

class-variance-authority

utils

components/ui/alert.tsx

class-variance-authority

utils

components/ui/alert.tsx