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

Add type button

pull/411/head
cagataycivici 2020-07-23 11:36:58 +03:00
parent 4ce146d551
commit 10e9d8e004
1 changed files with 33 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

66
src/AppConfigurator.vue
View File

@ -28,25 +28,25 @@
<h5>Bootstrap</h5> <h5>Bootstrap</h5>
<div class="p-grid free-themes"> <div class="p-grid free-themes">
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'bootstrap4-light-blue')"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-blue')">
<img src="demo/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" /> <img src="demo/images/themes/bootstrap4-light-blue.svg" alt="Bootstrap Light Blue" />
</button> </button>
<span>Blue</span> <span>Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'bootstrap4-light-purple')"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-light-purple')">
<img src="demo/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Blue" /> <img src="demo/images/themes/bootstrap4-light-purple.svg" alt="Bootstrap Light Blue" />
</button> </button>
<span>Purple</span> <span>Purple</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'bootstrap4-dark-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-blue', true)">
<img src="demo/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" /> <img src="demo/images/themes/bootstrap4-dark-blue.svg" alt="Bootstrap Dark Blue" />
</button> </button>
<span>Blue</span> <span>Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'bootstrap4-dark-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'bootstrap4-dark-purple', true)">
<img src="demo/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Blue" /> <img src="demo/images/themes/bootstrap4-dark-purple.svg" alt="Bootstrap Dark Blue" />
</button> </button>
<span>Purple</span> <span>Purple</span>
@ -56,25 +56,25 @@
<h5>Material Design</h5> <h5>Material Design</h5>
<div class="p-grid free-themes"> <div class="p-grid free-themes">
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'md-light-indigo')"> <button class="p-link" type="button" @click="changeTheme($event, 'md-light-indigo')">
<img src="demo/images/themes/md-light-indigo.svg" alt="Material Light Indigo" /> <img src="demo/images/themes/md-light-indigo.svg" alt="Material Light Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'md-light-deeppurple')"> <button class="p-link" type="button" @click="changeTheme($event, 'md-light-deeppurple')">
<img src="demo/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" /> <img src="demo/images/themes/md-light-deeppurple.svg" alt="Material Light Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'md-dark-indigo', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'md-dark-indigo', true)">
<img src="demo/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" /> <img src="demo/images/themes/md-dark-indigo.svg" alt="Material Dark Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'md-dark-deeppurple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'md-dark-deeppurple', true)">
<img src="demo/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" /> <img src="demo/images/themes/md-dark-deeppurple.svg" alt="Material Dark Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
@ -84,25 +84,25 @@
<h5>Material Design Compact</h5> <h5>Material Design Compact</h5>
<div class="p-grid free-themes"> <div class="p-grid free-themes">
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'mdc-light-indigo')"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-indigo')">
<img src="demo/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo"/> <img src="demo/images/themes/md-light-indigo.svg" alt="Material Compact Light Indigo"/>
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'mdc-light-deeppurple')"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-light-deeppurple')">
<img src="demo/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" /> <img src="demo/images/themes/md-light-deeppurple.svg" alt="Material Compact Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'mdc-dark-indigo', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-indigo', true)">
<img src="demo/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" /> <img src="demo/images/themes/md-dark-indigo.svg" alt="Material Compact Dark Indigo" />
</button> </button>
<span>Indigo</span> <span>Indigo</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'mdc-dark-deeppurple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'mdc-dark-deeppurple', true)">
<img src="demo/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" /> <img src="demo/images/themes/md-dark-deeppurple.svg" alt="Material Compact Dark Deep Purple" />
</button> </button>
<span>Deep Purple</span> <span>Deep Purple</span>
@ -112,73 +112,73 @@
<h5>PrimeOne Design</h5> <h5>PrimeOne Design</h5>
<div class="p-grid free-themes"> <div class="p-grid free-themes">
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'saga-blue')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-blue')">
<img src="demo/images/themes/saga-blue.png" alt="Saga Blue" /> <img src="demo/images/themes/saga-blue.png" alt="Saga Blue" />
</button> </button>
<span>Saga Blue</span> <span>Saga Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'saga-green')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-green')">
<img src="demo/images/themes/saga-green.png" alt="Saga Green" /> <img src="demo/images/themes/saga-green.png" alt="Saga Green" />
</button> </button>
<span>Saga Green</span> <span>Saga Green</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'saga-orange')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-orange')">
<img src="demo/images/themes/saga-orange.png" alt="Saga Orange" /> <img src="demo/images/themes/saga-orange.png" alt="Saga Orange" />
</button> </button>
<span>Saga Orange</span> <span>Saga Orange</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'saga-purple')"> <button class="p-link" type="button" @click="changeTheme($event, 'saga-purple')">
<img src="demo/images/themes/saga-purple.png" alt="Saga Purple" /> <img src="demo/images/themes/saga-purple.png" alt="Saga Purple" />
</button> </button>
<span>Saga Purple</span> <span>Saga Purple</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'vela-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-blue', true)">
<img src="demo/images/themes/vela-blue.png" alt="Vela Blue" /> <img src="demo/images/themes/vela-blue.png" alt="Vela Blue" />
</button> </button>
<span>Vela Blue</span> <span>Vela Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'vela-green', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-green', true)">
<img src="demo/images/themes/vela-green.png" alt="Vela Green" /> <img src="demo/images/themes/vela-green.png" alt="Vela Green" />
</button> </button>
<span>Vela Green</span> <span>Vela Green</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'vela-orange', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-orange', true)">
<img src="demo/images/themes/vela-orange.png" alt="Vela Orange" /> <img src="demo/images/themes/vela-orange.png" alt="Vela Orange" />
</button> </button>
<span>Vela Orange</span> <span>Vela Orange</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'vela-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'vela-purple', true)">
<img src="demo/images/themes/vela-purple.png" alt="Vela Purple" /> <img src="demo/images/themes/vela-purple.png" alt="Vela Purple" />
</button> </button>
<span>Vela Purple</span> <span>Vela Purple</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'arya-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-blue', true)">
<img src="demo/images/themes/arya-blue.png" alt="Arya Blue" /> <img src="demo/images/themes/arya-blue.png" alt="Arya Blue" />
</button> </button>
<span>Arya Blue</span> <span>Arya Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'arya-green', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-green', true)">
<img src="demo/images/themes/arya-green.png" alt="Arya Green" /> <img src="demo/images/themes/arya-green.png" alt="Arya Green" />
</button> </button>
<span>Arya Green</span> <span>Arya Green</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'arya-orange', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-orange', true)">
<img src="demo/images/themes/arya-orange.png" alt="Arya Orange" /> <img src="demo/images/themes/arya-orange.png" alt="Arya Orange" />
</button> </button>
<span>Arya Orange</span> <span>Arya Orange</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'arya-purple', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'arya-purple', true)">
<img src="demo/images/themes/arya-purple.png" alt="Arya Purple" /> <img src="demo/images/themes/arya-purple.png" alt="Arya Purple" />
</button> </button>
<span>Arya Purple</span> <span>Arya Purple</span>
@ -188,55 +188,55 @@
<h5>Legacy</h5> <h5>Legacy</h5>
<div class="p-grid free-themes"> <div class="p-grid free-themes">
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'nova')"> <button class="p-link" type="button" @click="changeTheme($event, 'nova')">
<img src="demo/images/themes/nova.png" alt="Nova" /> <img src="demo/images/themes/nova.png" alt="Nova" />
</button> </button>
<span>Nova</span> <span>Nova</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'nova-alt')"> <button class="p-link" type="button" @click="changeTheme($event, 'nova-alt')">
<img src="demo/images/themes/nova-alt.png" alt="Nova Alt" /> <img src="demo/images/themes/nova-alt.png" alt="Nova Alt" />
</button> </button>
<span>Nova Alt</span> <span>Nova Alt</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'nova-accent')"> <button class="p-link" type="button" @click="changeTheme($event, 'nova-accent')">
<img src="demo/images/themes/nova-accent.png" alt="Nova Accent" /> <img src="demo/images/themes/nova-accent.png" alt="Nova Accent" />
</button> </button>
<span>Nova Accent</span> <span>Nova Accent</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'nova-vue')"> <button class="p-link" type="button" @click="changeTheme($event, 'nova-vue')">
<img src="demo/images/themes/nova-vue.png" alt="Nova Colored" /> <img src="demo/images/themes/nova-vue.png" alt="Nova Colored" />
</button> </button>
<span>Nova Vue</span> <span>Nova Vue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'luna-blue', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'luna-blue', true)">
<img src="demo/images/themes/luna-blue.png" alt="Luna Blue" /> <img src="demo/images/themes/luna-blue.png" alt="Luna Blue" />
</button> </button>
<span>Luna Blue</span> <span>Luna Blue</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'luna-green', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'luna-green', true)">
<img src="demo/images/themes/luna-green.png" alt="Luna Green" /> <img src="demo/images/themes/luna-green.png" alt="Luna Green" />
</button> </button>
<span>Luna Green</span> <span>Luna Green</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'luna-amber', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'luna-amber', true)">
<img src="demo/images/themes/luna-amber.png" alt="Luna Amber" /> <img src="demo/images/themes/luna-amber.png" alt="Luna Amber" />
</button> </button>
<span>Luna Amber</span> <span>Luna Amber</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'luna-pink', true)"> <button class="p-link" type="button" @click="changeTheme($event, 'luna-pink', true)">
<img src="demo/images/themes/luna-pink.png" alt="Luna Pink" /> <img src="demo/images/themes/luna-pink.png" alt="Luna Pink" />
</button> </button>
<span>Luna Pink</span> <span>Luna Pink</span>
</div> </div>
<div class="p-col-3"> <div class="p-col-3">
<button class="p-link" @click="changeTheme($event, 'rhea', false)"> <button class="p-link" type="button" @click="changeTheme($event, 'rhea', false)">
<img src="demo/images/themes/rhea.png" alt="Rhea" /> <img src="demo/images/themes/rhea.png" alt="Rhea" />
</button> </button>
<span>Rhea</span> <span>Rhea</span>