BreadcrumbList() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ BreadcrumbList() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/breadcrumb.tsx lines 18–29

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}
    />
  )
}