SheetNoCloseButton() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SheetNoCloseButton() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/examples/sheet-example.tsx lines 68–87

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