Separator() — ui Function Reference

Architecture documentation for the Separator() function in separator.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ Separator() — ui Function Reference

Dependency Diagram

graph TD
  cb20cd95_5c9e_a1e0_c894_1e3663a6041e["Separator()"]
  3783c311_b8e3_2756_27f0_5e4cbe141d86["separator.tsx"]
  cb20cd95_5c9e_a1e0_c894_1e3663a6041e -->|defined in| 3783c311_b8e3_2756_27f0_5e4cbe141d86
  style cb20cd95_5c9e_a1e0_c894_1e3663a6041e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/ui/separator.tsx lines 12–27

  (
    { className, orientation = "horizontal", decorative = true, ...props },
    ref
  ) => (
    <SeparatorPrimitive.Root
      ref={ref}
      decorative={decorative}
      orientation={orientation}
      className={cn(
        "shrink-0 bg-border",
        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
        className
      )}
      {...props}
    />
  )