Components
Loading preview...
Display content in a separate view from the existing context.
@shugar
npx shadcn@latest add https://21st.dev/r/shugar/drawerimport { useState } from "react";
import { Drawer } from "@/components/ui/drawer";
export default function DefaultDemo() {
const [open, setOpen] = useState<boolean>(false);
return (
<>
<button onClick={(): void => setOpen(true)} className="w-fit">Open</button>
<Drawer height={200} onDismiss={(): void => setOpen(false)} show={open}>
<div className="flex flex-col gap-2 p-12 text-gray-1000 font-sans">
<div className="text-center text-lg font-semibold">
A drawer title
</div>
<div className="text-center text-sm">Drawer body</div>
</div>
</Drawer>
</>
);
}