Skip to main content

Variable: Breadcrumb

@arolariu/components


@arolariu/components / Breadcrumb

Variable: Breadcrumb

const Breadcrumb: ForwardRefExoticComponent<BreadcrumbProps & RefAttributes<HTMLElement>>

Defined in: components/ui/breadcrumb.tsx:71

Provides semantic breadcrumb navigation for hierarchical page structures.

Remarks

  • Pure CSS component (no Base UI primitive)
  • Renders a <nav> element
  • Styling via CSS Modules with --ac-* custom properties

Example

<Breadcrumb>
<BreadcrumbList>
<BreadcrumbItem>
<BreadcrumbLink href='/'>Home</BreadcrumbLink>
</BreadcrumbItem>
</BreadcrumbList>
</Breadcrumb>

See

BreadcrumbProps for available props

// was this page useful?