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
  24ddf79e_6648_a13a_3a59_8c571eece373["Separator()"]
  8cc050a1_befc_5c60_248b_eb207274a1e2["separator.tsx"]
  24ddf79e_6648_a13a_3a59_8c571eece373 -->|defined in| 8cc050a1_befc_5c60_248b_eb207274a1e2
  style 24ddf79e_6648_a13a_3a59_8c571eece373 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/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}
    />
  )