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

Update toggle demos

Browse source
This commit is contained in:
Cagatay Civici 2024-01-24 10:15:33 +03:00
parent c9901c3c0c
commit b2b65980fa
4 changed files with 23 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

14
doc/togglebutton/CustomizedDoc.vue
View file

@ -3,7 +3,7 @@
<p>Icons and Labels can be customized using <i>onLabel</i>, <i>offLabel</i>, <i>onIcon</i> and <i>offIcon</i> properties.</p>
</DocSectionText>
<div class="card flex justify-content-center">
<ToggleButton v-model="checked" onLabel="I confirm" offLabel="I reject" onIcon="pi pi-check" offIcon="pi pi-times" class="w-9rem" aria-label="do you confirm" />
<ToggleButton v-model="checked" onLabel="Locked" offLabel="Unlocked" onIcon="pi pi-lock" offIcon="pi pi-lock-open" class="w-9rem" aria-label="Do you confirm" />
</div>
<DocSectionCode :code="code" />
</template>
@ -15,14 +15,14 @@ export default {
checked: false,
code: {
basic: `
<ToggleButton v-model="checked1" onLabel="I confirm" offLabel="I reject"
onIcon="pi pi-check" offIcon="pi pi-times" class="w-9rem" />
<ToggleButton v-model="checked" onLabel="Locked" offLabel="Unlocked" onIcon="pi pi-lock"
offIcon="pi pi-lock-open" class="w-9rem" aria-label="Do you confirm" />
`,
options: `
<template>
<div class="card flex justify-content-center">
<ToggleButton v-model="checked" onLabel="I confirm" offLabel="I reject"
onIcon="pi pi-check" offIcon="pi pi-times" class="w-9rem" />
<ToggleButton v-model="checked" onLabel="Locked" offLabel="Unlocked" onIcon="pi pi-lock"
offIcon="pi pi-lock-open" class="w-9rem" aria-label="Do you confirm" />
</div>
</template>
@ -39,8 +39,8 @@ export default {
composition: `
<template>
<div class="card flex justify-content-center">
<ToggleButton v-model="checked" onLabel="I confirm" offLabel="I reject"
onIcon="pi pi-check" offIcon="pi pi-times" class="w-9rem" />
<ToggleButton v-model="checked" onLabel="Locked" offLabel="Unlocked" onIcon="pi pi-lock"
offIcon="pi pi-lock-open" class="w-9rem" aria-label="Do you confirm" />
</div>
</template>