Breadcrumbs

Navigation trail with aria-current for the current page.

Usage

<script setup>
import { ArchBreadcrumbs } from "@archora/ui";

const items = [{ label: "Projects", href: "/projects" }, { label: "Console" }];
</script>

<template>
  <ArchBreadcrumbs :items="items" />
</template>

Live sandbox

Breadcrumbs can be tested directly on this page.

interactive

1. Projects
2. Console

<Breadcrumbs />

Props

Prop	Type	Default	Description
items	readonly { label: string; href?: string }[]	-	Breadcrumb items.
label	string	"Breadcrumb"	Accessible label or text.