Where this page sits, and the way back up.
Import it from rei-kit/web:
import { BaseBreadcrumb } from 'rei-kit/web'
Open BaseBreadcrumb in the live documentation, where every prop below is a control you can change, in four materials and ten palettes.
<script setup lang="ts">
import { BaseBreadcrumb } from 'rei-kit/web'
</script>
<template>
<BaseBreadcrumb
:items="[{ label: 'Docs', to: '/docs' }, { label: 'Install' }]"
label="Breadcrumb"
/>
</template>
| Prop | Type | Required or default | What it is for |
|---|---|---|---|
items | readonly Crumb[] | yes | |
label | string | '' | Accessible name for the landmark. |
rei-kit is an accessible Vue 3 and Tailwind CSS 4 component library: 106 components, themed by role rather than by colour on three independent axes — ten WCAG-checked palettes, four materials and light or dark, each switched with one attribute. Typed, tested, SSR-safe, no runtime dependencies, MIT.