BreadcrumbSeparator() — ui Function Reference

Architecture documentation for the BreadcrumbSeparator() function in breadcrumb.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ BreadcrumbSeparator() — ui Function Reference

Dependency Diagram

graph TD
  fc76f0b2_45eb_7a22_1364_e37ee60efd57["BreadcrumbSeparator()"]
  060fc227_08c9_857d_540c_2aa26351acc7["breadcrumb.tsx"]
  fc76f0b2_45eb_7a22_1364_e37ee60efd57 -->|defined in| 060fc227_08c9_857d_540c_2aa26351acc7
  style fc76f0b2_45eb_7a22_1364_e37ee60efd57 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/new-york/ui/breadcrumb.tsx lines 75–88

const BreadcrumbSeparator = ({
  children,
  className,
  ...props
}: React.ComponentProps<"li">) => (
  <li
    role="presentation"
    aria-hidden="true"
    className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
    {...props}
  >
    {children ?? <ChevronRight />}
  </li>
)