BreadcrumbList() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ BreadcrumbList() — ui Function Reference

Dependency Diagram

graph TD
  adf2d99c_498c_dbb8_3bcf_764ac21ac7bd["BreadcrumbList()"]
  369ab10f_2a58_4f5b_5052_9817434cf362["breadcrumb.tsx"]
  adf2d99c_498c_dbb8_3bcf_764ac21ac7bd -->|defined in| 369ab10f_2a58_4f5b_5052_9817434cf362
  style adf2d99c_498c_dbb8_3bcf_764ac21ac7bd fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/breadcrumb.tsx lines 19–30

function BreadcrumbList({ className, ...props }: React.ComponentProps<"ol">) {
  return (
    <ol
      data-slot="breadcrumb-list"
      className={cn(
        "cn-breadcrumb-list flex flex-wrap items-center wrap-break-word",
        className
      )}
      {...props}
    />
  )
}