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

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>
</DocSectionText>
<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 #targetheader> Selected </template>
<template #item="slotProps">
@ -33,7 +33,7 @@ export default {
products: null,
code: {
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 #targetheader> Selected </template>
<template #item="slotProps">
@ -53,7 +53,7 @@ export default {
options: `
<template>
<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 #targetheader> Selected </template>
<template #item="slotProps">
@ -89,7 +89,7 @@ export default {
composition: `
<template>
<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 #targetheader> Selected </template>
<template #item="slotProps">