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
  f75f78dd_7286_e76d_9a5d_f1671e0d25e6["BreadcrumbSeparator()"]
  77281d47_556f_f449_9904_8019f925e59d["breadcrumb.tsx"]
  f75f78dd_7286_e76d_9a5d_f1671e0d25e6 -->|defined in| 77281d47_556f_f449_9904_8019f925e59d
  style f75f78dd_7286_e76d_9a5d_f1671e0d25e6 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/registry/default/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>
)