Breadcrumbs
Компонент Breadcrumb позволяет добавлять хлебные крошки.
- Файл: app/components/ui/breadcrumbs/Breadcrumbs.vue
Быстрый старт
<script setup lang="ts">
import { Breadcrumbs } from 'components/ui/breadcrumbs';
const currentPageData = {
title: "Breadcrumbs",
breadcrumbs: [
{
title: "Главная",
slug: "/",
},
{
title: "Документация",
slug: "/docs/",
},
{
title: "UI",
slug: "/docs/ui/",
},
]
}
</script>
<template>
<Breadcrumbs
:items="currentPageData.breadcrumbs"
:currentPage="currentPageData.title"
/>
</template>
API
Props
| Prop | Type | По умолчанию | Описание |
|---|---|---|---|
items | BreadcrumbsItem[] | - | Список хлебных крошек в формате {title: "", slug: ""} |
currentPage | string | - | Название текущей страницы, для последней неактивной хлебной крошки |