SheetNoCloseButton() — ui Function Reference

Architecture documentation for the SheetNoCloseButton() function in sheet-no-close-button.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ SheetNoCloseButton() — ui Function Reference

Dependency Diagram

graph TD
  559f9dcf_182f_4452_e7aa_c9008db6d421["SheetNoCloseButton()"]
  5f6e66fc_b2ee_19cd_b579_46a9eb2ebfdc["sheet-no-close-button.tsx"]
  559f9dcf_182f_4452_e7aa_c9008db6d421 -->|defined in| 5f6e66fc_b2ee_19cd_b579_46a9eb2ebfdc
  style 559f9dcf_182f_4452_e7aa_c9008db6d421 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/sheet-no-close-button.tsx lines 11–28

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>
  )
}