SheetNoCloseButton() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SheetNoCloseButton() — ui Function Reference

Dependency Diagram

graph TD
  3f9cf839_8b55_4b4b_48bd_8b805158e741["SheetNoCloseButton()"]
  7c6f9369_bf6a_075e_aad5_62244e987dba["sheet-example.tsx"]
  3f9cf839_8b55_4b4b_48bd_8b805158e741 -->|defined in| 7c6f9369_bf6a_075e_aad5_62244e987dba
  style 3f9cf839_8b55_4b4b_48bd_8b805158e741 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/examples/sheet-example.tsx lines 64–83

function SheetNoCloseButton() {
  return (
    <Example title="No Close Button">
      <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>
    </Example>
  )
}