ui Architecture Docs
Home / File/ sheet.tsx — ui Source File

sheet.tsx — ui Source File

Architecture documentation for sheet.tsx, a tsx file in the ui codebase. 5 imports, 0 dependents.

File tsx DocumentationAtlas Changelog 5 imports 10 functions

Entity Profile

Dependency Diagram

graph LR
  0f598500_0864_bf66_d9cb_26409cc0d1c6["sheet.tsx"]
  1d141819_425e_b5fd_4c8e_32f7c6a42cf2["react"]
  0f598500_0864_bf66_d9cb_26409cc0d1c6 --> 1d141819_425e_b5fd_4c8e_32f7c6a42cf2
  191e4a89_25e4_f7a3_d5fb_d71d101e0990["utils"]
  0f598500_0864_bf66_d9cb_26409cc0d1c6 --> 191e4a89_25e4_f7a3_d5fb_d71d101e0990
  c79cdc74_50fb_62bd_465f_35936d2c5eac["button"]
  0f598500_0864_bf66_d9cb_26409cc0d1c6 --> c79cdc74_50fb_62bd_465f_35936d2c5eac
  d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3["lucide-react"]
  0f598500_0864_bf66_d9cb_26409cc0d1c6 --> d39cd1e4_1b2d_9aa2_1d29_fd0b4bfb61c3
  9c463da6_747b_38dc_586b_cbb4873070b1["radix-ui"]
  0f598500_0864_bf66_d9cb_26409cc0d1c6 --> 9c463da6_747b_38dc_586b_cbb4873070b1
  style 0f598500_0864_bf66_d9cb_26409cc0d1c6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

"use client"

import * as React from "react"
import { cn } from "@/examples/radix/lib/utils"
import { Button } from "@/examples/radix/ui-rtl/button"
import { XIcon } from "lucide-react"
import { Dialog as SheetPrimitive } from "radix-ui"

function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
  return <SheetPrimitive.Root data-slot="sheet" {...props} />
}

function SheetTrigger({
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Trigger>) {
  return <SheetPrimitive.Trigger data-slot="sheet-trigger" {...props} />
}

function SheetClose({
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Close>) {
  return <SheetPrimitive.Close data-slot="sheet-close" {...props} />
}

function SheetPortal({
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Portal>) {
  return <SheetPrimitive.Portal data-slot="sheet-portal" {...props} />
}

function SheetOverlay({
  className,
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Overlay>) {
  return (
    <SheetPrimitive.Overlay
      data-slot="sheet-overlay"
      className={cn(
        "data-open:animate-in data-closed:animate-out data-closed:fade-out-0 data-open:fade-in-0 fixed inset-0 z-50 bg-black/10 duration-100 data-ending-style:opacity-0 data-starting-style:opacity-0 supports-backdrop-filter:backdrop-blur-xs",
        className
      )}
      {...props}
    />
  )
}

function SheetContent({
  className,
  children,
  side = "right",
  showCloseButton = true,
  ...props
}: React.ComponentProps<typeof SheetPrimitive.Content> & {
  side?: "top" | "right" | "bottom" | "left"
  showCloseButton?: boolean
}) {
  return (
    <SheetPortal>
      <SheetOverlay />
      <SheetPrimitive.Content
// ... (83 more lines)

Domain

Subdomains

Functions

Dependencies

  • button
  • lucide-react
  • radix-ui
  • react
  • utils

Source

Frequently Asked Questions

What does sheet.tsx do?
sheet.tsx is a source file in the ui codebase, written in tsx. It belongs to the DocumentationAtlas domain, Changelog subdomain.
What functions are defined in sheet.tsx?
sheet.tsx defines 10 function(s): Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger.
What does sheet.tsx depend on?
sheet.tsx imports 5 module(s): button, lucide-react, radix-ui, react, utils.
Where is sheet.tsx in the architecture?
sheet.tsx is located at apps/v4/examples/radix/ui-rtl/sheet.tsx (domain: DocumentationAtlas, subdomain: Changelog, directory: apps/v4/examples/radix/ui-rtl).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free