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

Update MaskDoc.vue

pull/4683/head
Tuğçe Küçükoğlu 2023-10-23 13:58:40 +03:00
parent cab921e10c
commit 0a02b2d500
1 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
doc/speeddial/MaskDoc.vue
View File

@ -2,9 +2,9 @@
<DocSectionText v-bind="$attrs">
<p>Adding <i>mask</i> property displays a modal layer behind the popup items.</p>
</DocSectionText>
<div class="card">
<div class="card p-3">
<div :style="{ position: 'relative', height: '350px' }">
<SpeedDial :model="items" direction="up" mask :style="{ right: 0, bottom: 0 }" />
<SpeedDial :model="items" direction="up" mask :style="{ right: '1rem', bottom: '1rem' }" />
</div>
</div>
<DocSectionCode :code="code" />
@ -53,14 +53,13 @@ export default {
],
code: {
basic: `
<SpeedDial :model="items" direction="up" mask :style="{ right: 0, bottom: 0 }" />
<SpeedDial :model="items" direction="up" mask :style="{ right: '1rem', bottom: '1rem' }" />
`,
options: `
<template>
<div class="card">
<div class="card p-3">
<div :style="{ position: 'relative', height: '350px' }">
<SpeedDial :model="items" direction="up" mask :style="{ right: 0, bottom: 0 }" />
<Toast />
<SpeedDial :model="items" direction="up" mask :style="{ right: '1rem', bottom: '1rem' }" />
</div>
</div>
</template>
@ -113,10 +112,9 @@ data() {
`,
composition: `
<template>
<div class="card">
<div class="card p-3">
<div :style="{ position: 'relative', height: '350px' }">
<SpeedDial :model="items" direction="up" mask :style="{ right: 0, bottom: 0 }" />
<Toast />
<SpeedDial :model="items" direction="up" mask :style="{ right: '1rem', bottom: '1rem' }" />
</div>
</div>
</template>