Components
Loading preview...
A drawer component for React.
npx shadcn@latest add https://21st.dev/r/shadcn/drawerimport { Button } from "@/components/ui/button";
import {
Drawer,
DrawerClose,
DrawerContent,
DrawerFooter,
DrawerHeader,
DrawerTitle,
DrawerTrigger,
} from "@/components/ui/drawer";
function Content() {
return (
<Drawer>
<DrawerTrigger asChild>
<Button variant="outline">Only Content</Button>
</DrawerTrigger>
<DrawerContent>
<div className="mx-auto w-full max-w-sm">
<DrawerHeader>
<DrawerTitle>Please login again.</DrawerTitle>
</DrawerHeader>
<p className="p-4 text-muted-foreground">
Your session has expired. Please login again to continue using the
application.
</p>
<DrawerFooter>
<Button type="submit">Login</Button>
<DrawerClose asChild>
<Button type="button" variant="outline">
Cancel
</Button>
</DrawerClose>
</DrawerFooter>
</div>
</DrawerContent>
</Drawer>
);
}
export { Content }