SheetContent() — ui Function Reference

Architecture documentation for the SheetContent() function in sheet.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SheetContent() — ui Function Reference

Dependency Diagram

graph TD
  95c1456e_b210_206b_3312_947da33d22d0["SheetContent()"]
  bc4ba756_8ef5_da0e_a9e2_55fba9b2205b["sheet.tsx"]
  95c1456e_b210_206b_3312_947da33d22d0 -->|defined in| bc4ba756_8ef5_da0e_a9e2_55fba9b2205b
  style 95c1456e_b210_206b_3312_947da33d22d0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/sheet.tsx lines 59–74

>(({ side = "right", className, children, ...props }, ref) => (
  <SheetPortal>
    <SheetOverlay />
    <SheetPrimitive.Content
      ref={ref}
      className={cn(sheetVariants({ side }), className)}
      {...props}
    >
      {children}
      <SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
        <X className="h-4 w-4" />
        <span className="sr-only">Close</span>
      </SheetPrimitive.Close>
    </SheetPrimitive.Content>
  </SheetPortal>
))