Files
shadcn-ui/apps/v4/examples/base/sheet-no-close-button.tsx
2026-01-14 09:25:14 +04:00

31 lines
775 B
TypeScript

import { Button } from "@/examples/base/ui/button"
import {
Sheet,
SheetContent,
SheetDescription,
SheetHeader,
SheetTitle,
SheetTrigger,
} from "@/examples/base/ui/sheet"
export function SheetNoCloseButton() {
return (
<>
<Sheet>
<SheetTrigger render={<Button variant="outline" />}>
No Close Button
</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. You can only close it using the button below.
</SheetDescription>
</SheetHeader>
</SheetContent>
</Sheet>
</>
)
}