Alert

Displays important information after an action.

Alert

This is an example of an alert with a title and description.

Installation

pnpm dlx shadcn@latest add https://blok-staging.vercel.app/r/alert.json

Usage

Examples

The following are examples of our alert components.

alert-primary

Primary Alert

This is a primary alert with a title and description.

alert-success

Success Alert

This is a success alert with a title and description.

alert-danger

Danger Alert

This is a danger alert with a title and description.

alert-warning

Warning Alert

This is a warning alert with a title and description.

alert-closable

Closable primary Alert

This is a closable alert with a title and description.

alert-button-link

This is an extremely long alert title that spans multiple lines to demonstrate how the component handles very lengthy headings while maintaining readability and proper text wrapping behavior

This is an equally long description that contains detailed information about the alert. It shows how the component can accommodate extensive content while preserving proper spacing, alignment, and readability across different screen sizes and viewport widths. This helps ensure the user experience remains consistent regardless of the content length.