Tooltip PT tab added

This commit is contained in:
Tuğçe Küçükoğlu 2023-08-07 16:14:58 +03:00
parent 8e7a7be794
commit 1c5eea697a
5 changed files with 117 additions and 2 deletions

64
doc/tooltip/pt/PTDoc.vue Normal file
View file

@ -0,0 +1,64 @@
<template>
<DocSectionText v-bind="$attrs"> </DocSectionText>
<div class="card flex flex-wrap justify-content-center gap-2">
<InputText
v-tooltip.right="{
value: `PrimeVue Rocks!`,
pt: {
text: 'bg-primary'
}
}"
type="text"
placeholder="PassThrough Tooltip"
/>
</div>
<DocSectionCode :code="code" />
</template>
<script>
export default {
data() {
return {
code: {
basic: `
<InputText
v-tooltip.right="{
value: \`PrimeVue Rocks!\`,
pt: {
text: 'bg-primary'
}
}"
type="text"
placeholder="PassThrough Tooltip"
/>`,
options: `
<div class="card flex flex-wrap justify-content-center gap-2">
<InputText
v-tooltip.right="{
value: \`PrimeVue Rocks!\`,
pt: {
text: 'bg-primary'
}
}"
type="text"
placeholder="PassThrough Tooltip"
/>
</div>`,
composition: `
<div class="card flex flex-wrap justify-content-center gap-2">
<InputText
v-tooltip.right="{
value: \`PrimeVue Rocks!\`,
pt: {
text: 'bg-primary'
}
}"
type="text"
placeholder="PassThrough Tooltip"
/>
</div>`
}
};
}
};
</script>