Components
Loading preview...
Here is Modal component
@deltacomponents
npx shadcn@latest add https://21st.dev/r/deltacomponents/modal-drop"use client"
import { useState } from "react"
import { Button } from "@/components/ui/button"
import Modal from "@/components/ui/modal-drop"
export default function Component() {
const [isOpen, setIsOpen] = useState(false)
return (
<>
<Button onClick={() => setIsOpen(true)}>Open Modal</Button>
<Modal
isOpen={isOpen}
onClose={() => setIsOpen(false)}
title="Example Modal"
subtitle="This is a subtitle"
>
<p>Modal content goes here...</p>
</Modal>
</>
)
}