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

More samples for button demo

pull/345/head
cagataycivici 2020-05-14 12:21:59 +03:00
parent 8e6f8e1b77
commit 59f0c84864
2 changed files with 16 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/button/ButtonDemo.vue
View File

@ -35,7 +35,6 @@
<Button label="Danger" class="p-button-raised p-button-danger" /> <Button label="Danger" class="p-button-raised p-button-danger" />
<h3>Rounded Buttons</h3> <h3>Rounded Buttons</h3>
<Button icon="pi pi-check" class="p-button-rounded" />
<Button label="Primary" class="p-button-rounded" /> <Button label="Primary" class="p-button-rounded" />
<Button label="Secondary" class="p-button-rounded p-button-secondary" /> <Button label="Secondary" class="p-button-rounded p-button-secondary" />
<Button label="Success" class="p-button-rounded p-button-success" /> <Button label="Success" class="p-button-rounded p-button-success" />
@ -43,6 +42,14 @@
<Button label="Warning" class="p-button-rounded p-button-warning" /> <Button label="Warning" class="p-button-rounded p-button-warning" />
<Button label="Danger" class="p-button-rounded p-button-danger" /> <Button label="Danger" class="p-button-rounded p-button-danger" />
<h3>Rounded Icon Buttons</h3>
<Button icon="pi pi-check" class="p-button-rounded" />
<Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" />
<Button icon="pi pi-search" class="p-button-rounded p-button-success" />
<Button icon="pi pi-user" class="p-button-rounded p-button-info" />
<Button icon="pi pi-lock" class="p-button-rounded p-button-warning" />
<Button icon="pi pi-times" class="p-button-rounded p-button-danger" />
<h3>Badges</h3> <h3>Badges</h3>
<Button type="button" label="Emails" badge="8" /> <Button type="button" label="Emails" badge="8" />
<Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /> <Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" />

9
src/views/button/ButtonDoc.vue
View File

@ -212,13 +212,20 @@ import Button from 'primevue/button';
&lt;Button label="Danger" class="p-button-raised p-button-danger" /&gt; &lt;Button label="Danger" class="p-button-raised p-button-danger" /&gt;
&lt;h3&gt;Rounded Buttons&lt;/h3&gt; &lt;h3&gt;Rounded Buttons&lt;/h3&gt;
&lt;Button label="Primary" class="p-button-rounded" /&gt;
&lt;Button label="Secondary" class="p-button-rounded p-button-secondary" /&gt; &lt;Button label="Secondary" class="p-button-rounded p-button-secondary" /&gt;
&lt;Button label="Success" class="p-button-rounded p-button-success" /&gt; &lt;Button label="Success" class="p-button-rounded p-button-success" /&gt;
&lt;Button label="Info" class="p-button-rounded p-button-info" /&gt; &lt;Button label="Info" class="p-button-rounded p-button-info" /&gt;
&lt;Button label="Warning" class="p-button-rounded p-button-warning" /&gt; &lt;Button label="Warning" class="p-button-rounded p-button-warning" /&gt;
&lt;Button label="Danger" class="p-button-rounded p-button-danger" /&gt; &lt;Button label="Danger" class="p-button-rounded p-button-danger" /&gt;
&lt;h3&gt;Rounded Icon Buttons&lt;/h3&gt;
&lt;Button icon="pi pi-check" class="p-button-rounded" /&gt;
&lt;Button icon="pi pi-bookmark" class="p-button-rounded p-button-secondary" /&gt;
&lt;Button icon="pi pi-search" class="p-button-rounded p-button-success" /&gt;
&lt;Button icon="pi pi-user" class="p-button-rounded p-button-info" /&gt;
&lt;Button icon="pi pi-lock" class="p-button-rounded p-button-warning" /&gt;
&lt;Button icon="pi pi-times" class="p-button-rounded p-button-danger" /&gt;
&lt;h3&gt;Badges&lt;/h3&gt; &lt;h3&gt;Badges&lt;/h3&gt;
&lt;Button type="button" label="Emails" badge="8" /&gt; &lt;Button type="button" label="Emails" badge="8" /&gt;
&lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt; &lt;Button type="button" label="Messages" icon="pi pi-users" class="p-button-warning" badge="8" badgeClass="p-badge-danger" /&gt;