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

demo fix

pull/1391/head
Tuğçe Küçükoğlu 2021-07-27 11:23:38 +03:00
parent 907fd4dd10
commit 7327c27c68
1 changed files with 2 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
src/views/speeddial/SpeedDialDemo.vue
View File

@ -12,20 +12,8 @@
<div class="card"> <div class="card">
<h5>Linear</h5> <h5>Linear</h5>
<div class="speeddial-linear-demo" :style="{ position: 'relative', height: '500px' }"> <div class="speeddial-linear-demo" :style="{ position: 'relative', height: '500px' }">
<SpeedDial :model="items" direction="up"> <SpeedDial :model="items" direction="up" />
<template #button="{ toggle }"> <SpeedDial :model="items" direction="down" />
<Button type="button" class="p-px-3" @click="toggle($event)">
<img alt="logo" src="../../assets/images/logo-white.svg" style="width: 1.5rem"/>
</Button>
</template>
</SpeedDial>
<SpeedDial :model="items" direction="down" hideIcon="pi pi-discord">
<template #item="{ item }">
<a :href="item.url || '#'" :class="['p-speeddial-action', { 'p-disabled': item.disabled }]" @click="deneme($event, item)">
<span v-if="item.icon" :class="['p-speeddial-action-icon', item.icon]"></span>
</a>
</template>
</SpeedDial>
<SpeedDial :model="items" direction="left" /> <SpeedDial :model="items" direction="left" />
<SpeedDial :model="items" direction="right" /> <SpeedDial :model="items" direction="right" />
</div> </div>