DrawerContent() — ui Function Reference

Architecture documentation for the DrawerContent() function in drawer.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ DrawerContent() — ui Function Reference

Dependency Diagram

graph TD
  6245b43b_6cfe_5fb2_647e_280ba053f36d["DrawerContent()"]
  8b9e9a98_d277_e3c5_72b5_2befe045f342["drawer.tsx"]
  6245b43b_6cfe_5fb2_647e_280ba053f36d -->|defined in| 8b9e9a98_d277_e3c5_72b5_2befe045f342
  style 6245b43b_6cfe_5fb2_647e_280ba053f36d fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/drawer.tsx lines 45–66

function DrawerContent({
  className,
  children,
  ...props
}: React.ComponentProps<typeof DrawerPrimitive.Content>) {
  return (
    <DrawerPortal data-slot="drawer-portal">
      <DrawerOverlay />
      <DrawerPrimitive.Content
        data-slot="drawer-content"
        className={cn(
          "cn-drawer-content group/drawer-content fixed z-50",
          className
        )}
        {...props}
      >
        <div className="cn-drawer-handle mx-auto hidden shrink-0 group-data-[vaul-drawer-direction=bottom]/drawer-content:block" />
        {children}
      </DrawerPrimitive.Content>
    </DrawerPortal>
  )
}