组件
面包屑 Breadcrumb
Breadcrumb:面包屑导航。Root 包裹 nav,List 承载有序路径,每个 Item 内放 Link 或当前页,项之间由 Separator 分隔。Link 通过属性接收 href 和其他配置。
#基础用法
<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>
#属性
#BreadcrumbRoot
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BreadcrumbList
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BreadcrumbItem
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BreadcrumbLink
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BreadcrumbCurrent
纯造型的部件——自身没有属性,沿用部件结构的共享样式。
#BreadcrumbSeparator
纯造型的部件——自身没有属性,沿用部件结构的共享样式。