vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Refactor #3907 - For Breadcrumb

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-26 12:57:16 +03:00
parent 3f169ac365
commit a04d4a470b
4 changed files with 84 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

14
components/lib/breadcrumb/Breadcrumb.vue
View file

@ -1,25 +1,27 @@
<template>
<nav class="p-breadcrumb p-component">
<ol class="p-breadcrumb-list">
<BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" :templates="$slots" :exact="exact" />
<nav class="p-breadcrumb p-component" v-bind="ptm('root')">
<ol class="p-breadcrumb-list" v-bind="ptm('menu')">
<BreadcrumbItem v-if="home" :item="home" class="p-breadcrumb-home" :templates="$slots" :exact="exact" :pt="pt" />
<template v-for="(item, i) of model" :key="item.label">
<li v-if="home || i !== 0" class="p-menuitem-separator">
<li v-if="home || i !== 0" class="p-menuitem-separator" v-bind="ptm('separator')">
<slot name="separator">
<ChevronRightIcon aria-hidden="true" />
<ChevronRightIcon aria-hidden="true" v-bind="ptm('separatorIcon')" />
</slot>
</li>
<BreadcrumbItem :item="item" :templates="$slots" :exact="exact" />
<BreadcrumbItem :item="item" :templates="$slots" :exact="exact" :pt="pt" />
</template>
</ol>
</nav>
</template>
<script>
import BaseComponent from 'primevue/basecomponent';
import ChevronRightIcon from 'primevue/icons/chevronright';
import BreadcrumbItem from './BreadcrumbItem.vue';
export default {
name: 'Breadcrumb',
extends: BaseComponent,
props: {
model: {
type: Array,