Breadcrumbs

The Breadcrumbs component helps users understand their location within the website’s hierarchy.

Usage

import Breadcrumbs from '~/components/layout/Breadcrumbs.astro';

<Breadcrumbs 
  items={[
    { label: 'Home', href: '/' },
    { label: 'Docs', href: '/docs' },
    { label: 'Components', href: '/docs/components' },
    { label: 'Breadcrumbs', href: '#' }
  ]} 
/>

Example

Props

Prop	Type	Default	Description
items	{ label: string, href: string }[]	Required	List of navigation items.