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

breakpoint added PickList demo

pull/4503/head
Tuğçe Küçükoğlu 2023-09-25 15:57:50 +03:00
parent a0fc4b19fc
commit 87943ce347
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
doc/picklist/BasicDoc.vue
View File

@ -3,7 +3,7 @@
<p>PickList requires a multidimensional array as its value bound with the <i>v-model </i>directive and a template for its content that gets the <i>item</i> instance and the index via slotProps.</p> <p>PickList requires a multidimensional array as its value bound with the <i>v-model </i>directive and a template for its content that gets the <i>item</i> instance and the index via slotProps.</p>
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<PickList v-model="products" listStyle="height:342px" dataKey="id"> <PickList v-model="products" listStyle="height:342px" dataKey="id" breakpoint="1400px">
<template #sourceheader> Available </template> <template #sourceheader> Available </template>
<template #targetheader> Selected </template> <template #targetheader> Selected </template>
<template #item="slotProps"> <template #item="slotProps">
@ -33,7 +33,7 @@ export default {
products: null, products: null,
code: { code: {
basic: ` basic: `
<PickList v-model="products" listStyle="height:342px" dataKey="id"> <PickList v-model="products" listStyle="height:342px" dataKey="id" breakpoint="1400px">
<template #sourceheader> Available </template> <template #sourceheader> Available </template>
<template #targetheader> Selected </template> <template #targetheader> Selected </template>
<template #item="slotProps"> <template #item="slotProps">
@ -53,7 +53,7 @@ export default {
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<PickList v-model="products" listStyle="height:342px" dataKey="id"> <PickList v-model="products" listStyle="height:342px" dataKey="id" breakpoint="1400px">
<template #sourceheader> Available </template> <template #sourceheader> Available </template>
<template #targetheader> Selected </template> <template #targetheader> Selected </template>
<template #item="slotProps"> <template #item="slotProps">
@ -89,7 +89,7 @@ export default {
composition: ` composition: `
<template> <template>
<div class="card"> <div class="card">
<PickList v-model="products" listStyle="height:342px" dataKey="id"> <PickList v-model="products" listStyle="height:342px" dataKey="id" breakpoint="1400px">
<template #sourceheader> Available </template> <template #sourceheader> Available </template>
<template #targetheader> Selected </template> <template #targetheader> Selected </template>
<template #item="slotProps"> <template #item="slotProps">