Ripple pt demo added

This commit is contained in:
Tuğçe Küçükoğlu 2023-08-07 16:34:41 +03:00
parent e65247f541
commit 13d797bb4f
5 changed files with 136 additions and 2 deletions

View file

@ -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>