Alert

Display important messages and notifications to users with various severity levels

Preview

You can add components and dependencies to your app using the cli.

npx shadcn@latest add @cubby-ui/alert


import { Alert, AlertDescription, AlertTitle } from "@/components/ui/cubby-ui/alert";


<Alert>
  <AlertTitle />
  <AlertDescription />
</Alert>

Display informational messages to users.

This is some helpful information for the user.

Show success messages for completed actions.

Your application has been deployed successfully.

Communicate warnings that require user attention.

This action cannot be undone. Please proceed with caution.

Display critical error or danger messages.

Your session has expired. Please log in again.

Add custom icons to enhance alert visibility.

You can add components and dependencies to your app using the cli.

Include action buttons for user interaction.

Describe what can be done about it here.

Display alerts with description only.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.