Components
Loading preview...
An alert component made with framer motion and tailwind css.
@chetanverma16
npx shadcn@latest add https://21st.dev/r/chetanverma16/alertimport Alert from "@/components/ui/alert";
export default function DemoOne() {
return <div className="flex flex-col gap-4">
<Alert type="success" message="This is a success alert." />
<Alert type="error" message="This is an error alert." />
<Alert type="warning" message="This is a warning alert." />
<Alert type="info" message="This is an info alert." />
</div>
}