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

Update tabview demo

pull/358/head
cagataycivici 2020-06-26 15:41:55 +03:00
parent 197a780a9c
commit c0af51709c
2 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/tabview/TabViewDemo.vue
View File

@ -32,9 +32,9 @@
<div class="card"> <div class="card">
<h5>Programmatic</h5> <h5>Programmatic</h5>
<div style="padding: .5rem 0 1rem 0"> <div style="padding: .5rem 0 1rem 0">
<Button @click="activate(0)" class="p-button-secondary" label="Activate 1st" /> <Button @click="activate(0)" class="p-button-text" label="Activate 1st" />
<Button @click="activate(1)" class="p-button-secondary" label="Activate 2nd" /> <Button @click="activate(1)" class="p-button-text" label="Activate 2nd" />
<Button @click="activate(2)" class="p-button-secondary" label="Activate 3rd" /> <Button @click="activate(2)" class="p-button-text" label="Activate 3rd" />
</div> </div>
<TabView> <TabView>

12
src/views/tabview/TabViewDoc.vue
View File

@ -95,9 +95,9 @@ import TabPanel from 'primevue/tabpanel';
<h5>Programmatic Control</h5> <h5>Programmatic Control</h5>
<p>Tabs can be controlled programmatically using active property that defines the active tab.</p> <p>Tabs can be controlled programmatically using active property that defines the active tab.</p>
<CodeHighlight> <CodeHighlight>
&lt;Button @click="activate(0)" class="p-button-secondary" label="Activate 1st" /&gt; &lt;Button @click="activate(0)" class="p-button-text" label="Activate 1st" /&gt;
&lt;Button @click="activate(1)" class="p-button-secondary" label="Activate 2st" /&gt; &lt;Button @click="activate(1)" class="p-button-text" label="Activate 2st" /&gt;
&lt;Button @click="activate(2)" class="p-button-secondary" label="Activate 3st" /&gt; &lt;Button @click="activate(2)" class="p-button-text" label="Activate 3st" /&gt;
&lt;TabView&gt; &lt;TabView&gt;
&lt;TabPanel header="Header I" :active.sync="active[0]"&gt; &lt;TabPanel header="Header I" :active.sync="active[0]"&gt;
@ -260,9 +260,9 @@ export default {
&lt;div class="card"&gt; &lt;div class="card"&gt;
&lt;h5&gt;Programmatic&lt;/h5&gt; &lt;h5&gt;Programmatic&lt;/h5&gt;
&lt;div style="padding: .5rem 0 1rem 0"&gt; &lt;div style="padding: .5rem 0 1rem 0"&gt;
&lt;Button @click="activate(0)" class="p-button-secondary" label="Activate 1st" /&gt; &lt;Button @click="activate(0)" class="p-button-text" label="Activate 1st" /&gt;
&lt;Button @click="activate(1)" class="p-button-secondary" label="Activate 2nd" /&gt; &lt;Button @click="activate(1)" class="p-button-text" label="Activate 2nd" /&gt;
&lt;Button @click="activate(2)" class="p-button-secondary" label="Activate 3rd" /&gt; &lt;Button @click="activate(2)" class="p-button-text" label="Activate 3rd" /&gt;
&lt;/div&gt; &lt;/div&gt;
&lt;TabView&gt; &lt;TabView&gt;