breakpoint added PickList demo
parent
a0fc4b19fc
commit
87943ce347
|
@ -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">
|
||||
|
|
Loading…
Reference in New Issue