From 87943ce347efc0a80fb46ea2ab0578803a5bf47c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 25 Sep 2023 15:57:50 +0300
Subject: [PATCH] breakpoint added PickList demo

---
 doc/picklist/BasicDoc.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/doc/picklist/BasicDoc.vue b/doc/picklist/BasicDoc.vue
index 99ef84e6e..af268e1b7 100644
--- a/doc/picklist/BasicDoc.vue
+++ b/doc/picklist/BasicDoc.vue
@@ -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">