Components
Breadcrumb
A trail of waymarks: Root wraps the nav, List the ordered trail, and each Item carries a Link — or the Current page — parted by a quiet Separator. Links take href and the rest through attributes.
#Basic usage
<script setup lang="ts">
import { Breadcrumb } from "@bysages/vue";
</script>
<template>
<Breadcrumb.Root>
<Breadcrumb.List>
<Breadcrumb.Item>
<Breadcrumb.Link href="#home">Home</Breadcrumb.Link>
<Breadcrumb.Separator />
</Breadcrumb.Item>
<Breadcrumb.Item>
<Breadcrumb.Link href="#library">Library</Breadcrumb.Link>
<Breadcrumb.Separator />
</Breadcrumb.Item>
<Breadcrumb.Item>
<Breadcrumb.Current>Archives</Breadcrumb.Current>
</Breadcrumb.Item>
</Breadcrumb.List>
</Breadcrumb.Root>
</template>
#Props
#BreadcrumbRoot
A styled part — no props of its own; it takes the anatomy's shared styling.
#BreadcrumbList
A styled part — no props of its own; it takes the anatomy's shared styling.
#BreadcrumbItem
A styled part — no props of its own; it takes the anatomy's shared styling.
#BreadcrumbLink
A styled part — no props of its own; it takes the anatomy's shared styling.
#BreadcrumbCurrent
A styled part — no props of its own; it takes the anatomy's shared styling.
#BreadcrumbSeparator
A styled part — no props of its own; it takes the anatomy's shared styling.