BreadcrumbLinkDemo() — ui Function Reference

Architecture documentation for the BreadcrumbLinkDemo() function in breadcrumb-link.tsx from the ui codebase.

Function tsx DocumentationAtlas ContentSourcing

Entity Profile

DocumentationAtlas→ ContentSourcing→ BreadcrumbLinkDemo() — ui Function Reference

Dependency Diagram

graph TD
  4f1965d5_d045_7f9b_7216_0a48c6279852["BreadcrumbLinkDemo()"]
  86bed711_c3dc_e95e_6bf8_bf95fae9fcda["breadcrumb-link.tsx"]
  4f1965d5_d045_7f9b_7216_0a48c6279852 -->|defined in| 86bed711_c3dc_e95e_6bf8_bf95fae9fcda
  style 4f1965d5_d045_7f9b_7216_0a48c6279852 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/examples/base/breadcrumb-link.tsx lines 11–33

export function BreadcrumbLinkDemo() {
  return (
    <Breadcrumb>
      <BreadcrumbList>
        <BreadcrumbItem>
          <BreadcrumbLink render={<Link href="#link-component" />}>
            Home
          </BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbLink render={<Link href="#link-component" />}>
            Components
          </BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        <BreadcrumbItem>
          <BreadcrumbPage>Breadcrumb</BreadcrumbPage>
        </BreadcrumbItem>
      </BreadcrumbList>
    </Breadcrumb>
  )
}