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

PropTypeПо умолчаниюОписание
itemsBreadcrumbsItem[]-Список хлебных крошек в формате {title: "", slug: ""}
currentPagestring-Название текущей страницы, для последней неактивной хлебной крошки