Alert
The Alert component is a versatile and customizable way to display important messages to users. With support for multiple variants and styles, you can easily integrate it into your application.
Why Choose Crazxy UI?
Crazxy UI is a modern, reusable, and fully customizable component library designed to help developers build beautiful and functional user interfaces with ease. With components like Alert, Modal, Badge, and more, Crazxy UI empowers you to create stunning applications faster than ever.
A simple crazxy alert component
This is a success alert!
This is the success variant of the alert component.
This is an error alert!
This is the error variant of the alert component.
This is a modern alert!
This is the modern variant of the alert component.
This is a warning alert!
This is the warning variant of the alert component.
This is an info alert!
This is the info variant of the alert component.
Installation
pnpm dlx shadcn@latest add https://crazxyui.in/r/crazxy-alert.json
Usage
import { Alert } from "@/components/crazxy-ui/alert";<Alert variant="success">This is a success alert!</Alert><Alert variant="error" showClose onClose={() => alert("Closed!")}>
This is an error alert with a close button!
</Alert><Alert variant="modern" label="Modern">
This is a modern alert with a label!
</Alert>