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

Breadcrumb pt demo added

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-04-27 17:12:22 +03:00
parent d0c9e26cf4
commit bd0152fdef
4 changed files with 157 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

104
doc/breadcrumb/pt/PTDoc.vue Normal file
View file

@ -0,0 +1,104 @@
<template>
<DocSectionText v-bind="$attrs"> </DocSectionText>
<div class="card flex justify-content-center">
<Breadcrumb
:home="home"
:model="items"
:pt="{
root: { class: 'surface-ground' },
label: ({ props }) => ({
class: props.index === items.length - 1 ? 'font-italic' : undefined
})
}"
/>
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
home: {
icon: 'pi pi-home',
to: '/'
},
items: [{ label: 'Computer' }, { label: 'Notebook' }, { label: 'Accessories' }, { label: 'Backpacks' }, { label: 'Item' }],
code: {
basic: `
<Breadcrumb :home="home" :model="items"
:pt="{
root: { class: 'surface-ground' },
label: ({ props }) => ({
class: props.index === items.length - 1 ? 'font-italic' : undefined
})
}"
/>`,
options: `
<template>
<div class="card flex justify-content-center">
<Breadcrumb :home="home" :model="items"
:pt="{
root: { class: 'surface-ground' },
label: ({ props }) => ({
class: props.index === items.length - 1 ? 'font-italic' : undefined
})
}"
/>
</div>
</template>
<script>
export default {
data() {
return {
home: {
icon: 'pi pi-home',
to: '/',
},
items: [
{label: 'Computer'},
{label: 'Notebook'},
{label: 'Accessories'},
{label: 'Backpacks'},
{label: 'Item'}
]
}
}
}
<\/script>`,
composition: `
<template>
<div class="card flex justify-content-center">
<Breadcrumb :home="home" :model="items"
:pt="{
root: { class: 'surface-ground' },
label: ({ props }) => ({
class: props.index === items.length - 1 ? 'font-italic' : undefined
})
}"
/>
</div>
</template>
<script setup>
import { ref } from "vue";
const home = ref({
icon: 'pi pi-home',
to: '/',
});
const items = ref([
{label: 'Computer'},
{label: 'Notebook'},
{label: 'Accessories'},
{label: 'Backpacks'},
{label: 'Item'}
]);
<\/script>`
}
};
}
};
</script>