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