mirror of
https://github.com/primefaces/primevue.git
synced 2025-05-10 09:22:34 +00:00
Ripple pt demo added
This commit is contained in:
parent
e65247f541
commit
13d797bb4f
5 changed files with 136 additions and 2 deletions
|
@ -3,7 +3,16 @@
|
|||
<p>Ripple is enabled by adding add <i>p-ripple</i> class to the target and attach the directive with the v- prefix.</p>
|
||||
</DocSectionText>
|
||||
<div class="card flex justify-content-center align-items-center">
|
||||
<div v-ripple class="p-ripple bg-primary flex select-none justify-content-center align-items-center shadow-2 border-round p-6 font-bold">Default</div>
|
||||
<div
|
||||
v-ripple="{
|
||||
pt: {
|
||||
root: 'bg-yellow-400'
|
||||
}
|
||||
}"
|
||||
class="p-ripple bg-primary flex select-none justify-content-center align-items-center shadow-2 border-round p-6 font-bold"
|
||||
>
|
||||
Default
|
||||
</div>
|
||||
</div>
|
||||
<DocSectionCode :code="code" />
|
||||
</template>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue