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

Button docs updated

Browse source
This commit is contained in:
Tuğçe Küçükoğlu 2023-03-03 10:04:07 +03:00
parent 108a88c814
commit 3295bf9357
10 changed files with 379 additions and 333 deletions
Download patch file Download diff file Expand all files Collapse all files

24
doc/button/SizesDoc.vue
View file

@ -3,9 +3,9 @@
<p>Button provides <i>small</i> and <i>large</i> sizes as alternatives to the standard.</p>
</DocSectionText>
<div class="card flex flex-wrap align-items-center justify-content-center gap-3">
<Button label="Small" icon="pi pi-check" class="p-button-sm" />
<Button label="Normal" icon="pi pi-check" class="p-button" />
<Button label="Large" icon="pi pi-check" class="p-button-lg" />
<Button label="Small" icon="pi pi-check" size="small" />
<Button label="Normal" icon="pi pi-check" />
<Button label="Large" icon="pi pi-check" size="large" />
</div>
<DocSectionCode :code="code" />
</template>
@ -16,15 +16,15 @@ export default {
return {
code: {
basic: `
<Button label="Small" icon="pi pi-check" class="p-button-sm" />
<Button label="Normal" icon="pi pi-check" class="p-button" />
<Button label="Large" icon="pi pi-check" class="p-button-lg" />`,
<Button label="Small" icon="pi pi-check" size="small" />
<Button label="Normal" icon="pi pi-check" />
<Button label="Large" icon="pi pi-check" size="large" />`,
options: `
<template>
<div class="card flex flex-wrap align-items-center justify-content-center gap-3">
<Button label="Small" icon="pi pi-check" class="p-button-sm" />
<Button label="Normal" icon="pi pi-check" class="p-button" />
<Button label="Large" icon="pi pi-check" class="p-button-lg" />
<Button label="Small" icon="pi pi-check" size="small" />
<Button label="Normal" icon="pi pi-check" />
<Button label="Large" icon="pi pi-check" size="large" />
</div>
</template>
@ -33,9 +33,9 @@ export default {
composition: `
<template>
<div class="card flex flex-wrap align-items-center justify-content-center gap-3">
<Button label="Small" icon="pi pi-check" class="p-button-sm" />
<Button label="Normal" icon="pi pi-check" class="p-button" />
<Button label="Large" icon="pi pi-check" class="p-button-lg" />
<Button label="Small" icon="pi pi-check" size="small" />
<Button label="Normal" icon="pi pi-check" />
<Button label="Large" icon="pi pi-check" size="large" />
</div>
</template>