BreadcrumbBasic() — ui Function Reference

Architecture documentation for the BreadcrumbBasic() function in breadcrumb-basic.tsx from the ui codebase.

Function tsx DocumentationAtlas Changelog

Entity Profile

DocumentationAtlas→ Changelog→ BreadcrumbBasic() — ui Function Reference

Dependency Diagram

graph TD
  487c14e2_04de_28ba_6adf_89b6095495a3["BreadcrumbBasic()"]
  9ce12be1_964c_03f2_5de7_632cd7d932ef["breadcrumb-basic.tsx"]
  487c14e2_04de_28ba_6adf_89b6095495a3 -->|defined in| 9ce12be1_964c_03f2_5de7_632cd7d932ef
  style 487c14e2_04de_28ba_6adf_89b6095495a3 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/radix/breadcrumb-basic.tsx lines 10–28

export function BreadcrumbBasic() {
  return (
    <Breadcrumb>
      <BreadcrumbList>
        <BreadcrumbItem>
          <BreadcrumbLink href="#">Home</BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbLink href="#">Components</BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
        </BreadcrumbItem>
      </BreadcrumbList>
    </Breadcrumb>
  )
}