vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

TreeSelect demo update for new maxSelectedLabels prop

pull/6697/head
tugcekucukoglu 2024-10-31 16:59:46 +03:00
parent efcf370eb3
commit d3379595be
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/treeselect/MultipleDoc.vue
View File

@ -8,7 +8,7 @@
</DocSectionText> </DocSectionText>
<DocSectionCode :code="activeNodes" hideToggleCode importCode hideStackBlitz v-bind="$attrs" /> <DocSectionCode :code="activeNodes" hideToggleCode importCode hideStackBlitz v-bind="$attrs" />
<div class="card flex justify-center"> <div class="card flex justify-center">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Items" display="chip" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
</div> </div>
<DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" /> <DocSectionCode :code="code" :service="['NodeService']" v-bind="$attrs" />
</template> </template>
@ -30,12 +30,12 @@ export default {
}, },
code: { code: {
basic: ` basic: `
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" display="chip" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
`, `,
options: ` options: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" display="chip" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
</div> </div>
</template> </template>
@ -58,7 +58,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card flex justify-center"> <div class="card flex justify-center">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" placeholder="Select Item" display="chip" class="md:w-80 w-full" /> <TreeSelect v-model="selectedValue" :options="nodes" selectionMode="multiple" display="chip" :maxSelectedLabels="3" placeholder="Select Items" class="md:w-80 w-full" />
</div> </div>
</template> </template>