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

Demo update

pull/310/head
cagataycivici 2020-05-05 02:13:04 +03:00
parent ab3a047646
commit 69d4c2eac8
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -9,11 +9,11 @@
<div class="content-section implementation"> <div class="content-section implementation">
<h3 class="first">Basic</h3> <h3 class="first">Basic</h3>
<Button label="Click" /> <Button label="Submit" />
<Button label="Click" icon="pi pi-check" /> <Button label="Submit" icon="pi pi-check" />
<Button label="Click" icon="pi pi-check" iconPos="right" /> <Button label="Submit" icon="pi pi-check" iconPos="right" />
<Button icon="pi pi-check" /> <Button icon="pi pi-check" />
<Button label="Click" disabled="disabled" /> <Button label="Submit" disabled="disabled" />
<h3>Severities</h3> <h3>Severities</h3>
<Button label="Primary" /> <Button label="Primary" />

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

@ -16,19 +16,19 @@ import Button from 'primevue/button';
<h3>Label</h3> <h3>Label</h3>
<p>Text of the button is defined using the <i>label</i> property.</p> <p>Text of the button is defined using the <i>label</i> property.</p>
<CodeHighlight> <CodeHighlight>
&lt;Button label="Click" /&gt; &lt;Button label="Submit" /&gt;
</CodeHighlight> </CodeHighlight>
<h3>Icons</h3> <h3>Icons</h3>
<p>Icon on a button is specified with <i>icon</i> property and position is configured using <i>iconPos</i> attribute. Default <p>Icon on a button is specified with <i>icon</i> property and position is configured using <i>iconPos</i> attribute. Default
icon position is "left" and alternative is "right". To display only an icon, leave the label as undefined.</p> icon position is "left" and alternative is "right". To display only an icon, leave the label as undefined.</p>
<CodeHighlight> <CodeHighlight>
&lt;Button label="Click" icon="pi pi-check" iconPos="right" /&gt; &lt;Button label="Submit" icon="pi pi-check" iconPos="right" /&gt;
</CodeHighlight> </CodeHighlight>
<h3>Events</h3> <h3>Events</h3>
<p>Events are defined with the standard notation.</p> <p>Events are defined with the standard notation.</p>
<CodeHighlight> <CodeHighlight>
&lt;Button label="Click" @click="handleClick($event)"/&gt; &lt;Button label="Submit" @click="handleClick($event)"/&gt;
</CodeHighlight> </CodeHighlight>
<h3>Severity</h3> <h3>Severity</h3>
@ -140,11 +140,11 @@ import Button from 'primevue/button';
<CodeHighlight> <CodeHighlight>
<template v-pre> <template v-pre>
&lt;h3&gt;Basic&lt;/h3&gt; &lt;h3&gt;Basic&lt;/h3&gt;
&lt;Button label="Click" /&gt; &lt;Button label="Submit" /&gt;
&lt;Button label="Click" icon="pi pi-check" /&gt; &lt;Button label="Submit" icon="pi pi-check" /&gt;
&lt;Button label="Click" icon="pi pi-check" iconPos="right" /&gt; &lt;Button label="Submit" icon="pi pi-check" iconPos="right" /&gt;
&lt;Button icon="pi pi-check" /&gt; &lt;Button icon="pi pi-check" /&gt;
&lt;Button label="Click" disabled="disabled" /&gt; &lt;Button label="Submit" disabled="disabled" /&gt;
&lt;h3&gt;Severities&lt;/h3&gt; &lt;h3&gt;Severities&lt;/h3&gt;
&lt;Button label="Primary" /&gt; &lt;Button label="Primary" /&gt;