Files
shadcn-ui/apps/v4/examples/base/sheet-no-close-button.tsx
2026-01-19 18:04:17 +04:00

29 lines
713 B
TypeScript

import { Button } from "@/examples/base/ui/button"
import {
Sheet,
SheetContent,
SheetDescription,
SheetHeader,
SheetTitle,
SheetTrigger,
} from "@/examples/base/ui/sheet"
export default function SheetNoCloseButton() {
return (
<Sheet>
<SheetTrigger render={<Button variant="outline" />}>
Open Sheet
</SheetTrigger>
<SheetContent showCloseButton={false}>
<SheetHeader>
<SheetTitle>No Close Button</SheetTitle>
<SheetDescription>
This sheet doesn&apos;t have a close button in the top-right corner.
Click outside to close.
</SheetDescription>
</SheetHeader>
</SheetContent>
</Sheet>
)
}