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

Button demo updates

Browse source
This commit is contained in:
tugcekucukoglu 2024-05-09 15:51:13 +03:00
parent a2c6b3c5aa
commit 8d0ca403d5
2 changed files with 14 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

14
doc/button/IconsDoc.vue
View file

@ -3,9 +3,11 @@
<p>Icon of a button is specified with <i>icon</i> property and position is configured using <i>iconPos</i> attribute.</p>
</DocSectionText>
<div class="card flex flex-wrap gap-3 justify-content-center">
<Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" />
<Button icon="pi pi-check" class="align-self-center" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" class="align-self-center" />
<Button label="Submit" icon="pi pi-check" iconPos="right" class="align-self-center" />
<Button label="Submit" icon="pi pi-check" iconPos="top" />
<Button label="Submit" icon="pi pi-check" iconPos="bottom" />
</div>
<DocSectionCode :code="code" />
</template>
@ -19,6 +21,8 @@ export default {
<Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" />
<Button label="Submit" icon="pi pi-check" iconPos="top" />
<Button label="Submit" icon="pi pi-check" iconPos="bottom" />
`,
options: `
<template>
@ -26,6 +30,8 @@ export default {
<Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" />
<Button label="Submit" icon="pi pi-check" iconPos="top" />
<Button label="Submit" icon="pi pi-check" iconPos="bottom" />
</div>
</template>
@ -38,6 +44,8 @@ export default {
<Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" />
<Button label="Submit" icon="pi pi-check" iconPos="top" />
<Button label="Submit" icon="pi pi-check" iconPos="bottom" />
</div>
</template>