Breadcrumb() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ Breadcrumb() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/breadcrumb.tsx lines 8–17

function Breadcrumb({ className, ...props }: React.ComponentProps<"nav">) {
  return (
    <nav
      aria-label="breadcrumb"
      data-slot="breadcrumb"
      className={cn("cn-breadcrumb", className)}
      {...props}
    />
  )
}