vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Button demo updates

pull/5756/head
tugcekucukoglu 2024-05-09 15:51:13 +03:00
parent a2c6b3c5aa
commit 8d0ca403d5
2 changed files with 14 additions and 5 deletions
Show Stats 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> <p>Icon of a button is specified with <i>icon</i> property and position is configured using <i>iconPos</i> attribute.</p>
</DocSectionText> </DocSectionText>
<div class="card flex flex-wrap gap-3 justify-content-center"> <div class="card flex flex-wrap gap-3 justify-content-center">
<Button icon="pi pi-check" aria-label="Submit" /> <Button icon="pi pi-check" class="align-self-center" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" class="align-self-center" />
<Button label="Submit" icon="pi pi-check" iconPos="right" /> <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> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
</template> </template>
@ -19,6 +21,8 @@ export default {
<Button icon="pi pi-check" aria-label="Submit" /> <Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" /> <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: ` options: `
<template> <template>
@ -26,6 +30,8 @@ export default {
<Button icon="pi pi-check" aria-label="Submit" /> <Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" /> <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> </div>
</template> </template>
@ -38,6 +44,8 @@ export default {
<Button icon="pi pi-check" aria-label="Submit" /> <Button icon="pi pi-check" aria-label="Submit" />
<Button label="Submit" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" />
<Button label="Submit" icon="pi pi-check" iconPos="right" /> <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> </div>
</template> </template>

5
pages/button/index.vue
View File

@ -26,6 +26,7 @@ import RaisedDoc from '@/doc/button/RaisedDoc.vue';
import RaisedTextDoc from '@/doc/button/RaisedTextDoc.vue'; import RaisedTextDoc from '@/doc/button/RaisedTextDoc.vue';
import RoundedDoc from '@/doc/button/RoundedDoc.vue'; import RoundedDoc from '@/doc/button/RoundedDoc.vue';
import SeverityDoc from '@/doc/button/SeverityDoc.vue'; import SeverityDoc from '@/doc/button/SeverityDoc.vue';
import SizesDoc from '@/doc/button/SizesDoc.vue';
import TemplateDoc from '@/doc/button/TemplateDoc.vue'; import TemplateDoc from '@/doc/button/TemplateDoc.vue';
import TextDoc from '@/doc/button/TextDoc.vue'; import TextDoc from '@/doc/button/TextDoc.vue';
import PTComponent from '@/doc/button/pt/index.vue'; import PTComponent from '@/doc/button/pt/index.vue';
@ -109,12 +110,12 @@ export default {
id: 'buttongroup', id: 'buttongroup',
label: 'Button Group', label: 'Button Group',
component: ButtonGroupDoc component: ButtonGroupDoc
} /* },
{ {
id: 'sizes', id: 'sizes',
label: 'Sizes', label: 'Sizes',
component: SizesDoc component: SizesDoc
},*/, },
{ {
id: 'template', id: 'template',
label: 'Template', label: 'Template',