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 nirmaan UI?
nirmaan 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, nirmaan UI empowers you to create stunning applications faster than ever.
A simple nirmaan 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
npx shadcn@latest add https://nirmaan-ui.vercel.app/r/nirmaan-alert.json
Usage
import { Alert } from "@/components/nirmaan-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>