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. |