vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Migrated demos

Browse source
This commit is contained in:
Cagatay Civici 2024-05-20 15:14:38 +03:00
parent 1f86b4906f
commit 48f92d3966
454 changed files with 3920 additions and 3920 deletions
Download patch file Download diff file Expand all files Collapse all files

32
doc/accordion/ControlledDoc.vue
View file

@ -3,10 +3,10 @@
<p>Accordion can be controlled programmatically using a binding to <i>value</i> along with <i>v-model</i> to update the active value.</p>
</DocSectionText>
<div class="card">
<div class="flex mb-3 gap-2 justify-content-end">
<Button @click="active = '0'" rounded label="1" class="w-2rem h-2rem p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-2rem h-2rem p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-2rem h-2rem p-0" :outlined="active !== '2'" />
<div class="flex mb-4 gap-2 justify-end">
<Button @click="active = '0'" rounded label="1" class="w-8 h-8 p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-8 h-8 p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-8 h-8 p-0" :outlined="active !== '2'" />
</div>
<Accordion :value="active">
@ -49,10 +49,10 @@ export default {
active: '0',
code: {
basic: `
<div class="flex mb-3 gap-2 justify-content-end">
<Button @click="active = '0'" rounded label="1" class="w-2rem h-2rem p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-2rem h-2rem p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-2rem h-2rem p-0" :outlined="active !== '2'" />
<div class="flex mb-4 gap-2 justify-end">
<Button @click="active = '0'" rounded label="1" class="w-8 h-8 p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-8 h-8 p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-8 h-8 p-0" :outlined="active !== '2'" />
</div>
<Accordion :value="active">
@ -88,10 +88,10 @@ export default {
options: `
<template>
<div class="card">
<div class="flex mb-3 gap-2 justify-content-end">
<Button @click="active = '0'" rounded label="1" class="w-2rem h-2rem p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-2rem h-2rem p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-2rem h-2rem p-0" :outlined="active !== '2'" />
<div class="flex mb-4 gap-2 justify-end">
<Button @click="active = '0'" rounded label="1" class="w-8 h-8 p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-8 h-8 p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-8 h-8 p-0" :outlined="active !== '2'" />
</div>
<Accordion :value="active">
@ -139,10 +139,10 @@ export default {
composition: `
<template>
<div class="card">
<div class="flex mb-3 gap-2 justify-content-end">
<Button @click="active = '0'" rounded label="1" class="w-2rem h-2rem p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-2rem h-2rem p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-2rem h-2rem p-0" :outlined="active !== '2'" />
<div class="flex mb-4 gap-2 justify-end">
<Button @click="active = '0'" rounded label="1" class="w-8 h-8 p-0" :outlined="active !== '0'" />
<Button @click="active = '1'" rounded label="2" class="w-8 h-8 p-0" :outlined="active !== '1'" />
<Button @click="active = '2'" rounded label="3" class="w-8 h-8 p-0" :outlined="active !== '2'" />
</div>
<Accordion :value="active">