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
  a485cdbd_e274_f4ca_be9d_6238f322d8e6["SheetContent()"]
  d0b07f9f_ac45_3b74_f3aa_c5f32b10b810["sheet.tsx"]
  a485cdbd_e274_f4ca_be9d_6238f322d8e6 -->|defined in| d0b07f9f_ac45_3b74_f3aa_c5f32b10b810
  style a485cdbd_e274_f4ca_be9d_6238f322d8e6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/sheet.tsx lines 59–74

>(({ side = "right", className, children, ...props }, ref) => (
  <SheetPortal>
    <SheetOverlay />
    <SheetPrimitive.Content
      ref={ref}
      className={cn(sheetVariants({ side }), className)}
      {...props}
    >
      <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>
      {children}
    </SheetPrimitive.Content>
  </SheetPortal>
))