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

SpeedDial remove button classes

pull/6050/head
tugcekucukoglu 2024-07-11 14:57:21 +03:00
parent c98bf14c33
commit ad758bc150
2 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/speeddial/CircleDoc.vue
View File

@ -4,7 +4,7 @@
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<div :style="{ position: 'relative', height: '500px' }" class="flex items-center justify-center"> <div :style="{ position: 'relative', height: '500px' }" class="flex items-center justify-center">
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" /> <SpeedDial :model="items" :radius="80" type="circle" :style="{ position: 'absolute' }" :buttonProps="{ severity: 'warning' }" />
</div> </div>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -53,13 +53,13 @@ export default {
], ],
code: { code: {
basic: ` basic: `
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" /> <SpeedDial :model="items" :radius="80" type="circle" :style="{ position: 'absolute' }" :buttonProps="{ severity: 'warning' }" />
`, `,
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<div :style="{ position: 'relative', height: '500px' }" class="flex items-center justify-center"> <div :style="{ position: 'relative', height: '500px' }" class="flex items-center justify-center">
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" /> <SpeedDial :model="items" :radius="80" type="circle" :style="{ position: 'absolute' }" :buttonProps="{ severity: 'warning' }" />
<Toast /> <Toast />
</div> </div>
</div> </div>
@ -115,7 +115,7 @@ export default {
<template> <template>
<div class="card"> <div class="card">
<div :style="{ position: 'relative', height: '500px' }" class="flex items-center justify-center"> <div :style="{ position: 'relative', height: '500px' }" class="flex items-center justify-center">
<SpeedDial :model="items" :radius="80" type="circle" buttonClass="p-button-warn" :style="{ position: 'absolute' }" /> <SpeedDial :model="items" :radius="80" type="circle" :style="{ position: 'absolute' }" :buttonProps="{ severity: 'warning' }" />
<Toast /> <Toast />
</div> </div>
</div> </div>

16
apps/showcase/doc/speeddial/TooltipDoc.vue
View File

@ -4,8 +4,8 @@
</DocSectionText> </DocSectionText>
<div class="card"> <div class="card">
<div :style="{ position: 'relative', height: '350px' }"> <div :style="{ position: 'relative', height: '350px' }">
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" buttonClass="p-button-help" :tooltipOptions="{ position: 'left' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" :buttonProps="{ severity: 'help' }" :tooltipOptions="{ position: 'left' }" />
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" buttonClass="p-button-danger" :tooltipOptions="{ position: 'right' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" :buttonProps="{ severity: 'danger' }" :tooltipOptions="{ position: 'right' }" />
</div> </div>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -54,15 +54,15 @@ export default {
], ],
code: { code: {
basic: ` basic: `
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" buttonClass="p-button-help" :tooltipOptions="{ position: 'left' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" :buttonProps="{ severity: 'help' }" :tooltipOptions="{ position: 'left' }" />
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" buttonClass="p-button-danger" :tooltipOptions="{ position: 'right' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" :buttonProps="{ severity: 'danger' }" :tooltipOptions="{ position: 'right' }" />
`, `,
options: ` options: `
<template> <template>
<div class="card"> <div class="card">
<div :style="{ position: 'relative', height: '350px' }"> <div :style="{ position: 'relative', height: '350px' }">
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" buttonClass="p-button-help" :tooltipOptions="{ position: 'left' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" :buttonProps="{ severity: 'help' }" :tooltipOptions="{ position: 'left' }" />
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" buttonClass="p-button-danger" :tooltipOptions="{ position: 'right' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" :buttonProps="{ severity: 'danger' }" :tooltipOptions="{ position: 'right' }" />
<Toast /> <Toast />
</div> </div>
</div> </div>
@ -118,8 +118,8 @@ export default {
<template> <template>
<div class="card"> <div class="card">
<div :style="{ position: 'relative', height: '350px' }"> <div :style="{ position: 'relative', height: '350px' }">
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" buttonClass="p-button-help" :tooltipOptions="{ position: 'left' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', right: 0, bottom: 0 }" :buttonProps="{ severity: 'help' }" :tooltipOptions="{ position: 'left' }" />
<SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" buttonClass="p-button-danger" :tooltipOptions="{ position: 'right' }" /> <SpeedDial :model="items" direction="up" :style="{ position: 'absolute', left: 0, bottom: 0 }" :buttonProps="{ severity: 'danger' }" :tooltipOptions="{ position: 'right' }" />
<Toast /> <Toast />
</div> </div>
</div> </div>