vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Updated on float label style

Browse source
This commit is contained in:
Cagatay Civici 2024-09-20 21:48:18 +03:00
parent 8491496271
commit cec3393457
5 changed files with 8 additions and 26 deletions
Download patch file Download diff file Expand all files Collapse all files

9
apps/showcase/doc/floatlabel/VariantsDoc.vue
View file

@ -2,7 +2,7 @@
<DocSectionText v-bind="$attrs">
<p>The <i>variant</i> property defines the position of the label. Default value is <i>over</i>, whereas <i>in</i> and <i>on</i> are the alternatives.</p>
</DocSectionText>
<div class="card flex flex-wrap justify-center gap-4">
<div class="card flex flex-wrap justify-center items-end gap-4">
<FloatLabel variant="in">
<InputText id="in_label" v-model="value1" autocomplete="off" />
<label for="in_label">In Label</label>
@ -36,7 +36,7 @@ export default {
`,
options: `
<template>
<div class="card flex flex-wrap justify-center gap-4">
<div class="card flex flex-wrap justify-center items-end gap-4">
<FloatLabel variant="in">
<InputText id="in_label" v-model="value1" autocomplete="off" />
<label for="in_label">In Label</label>
@ -49,7 +49,7 @@ export default {
</div>
</template>
<script setup>
<script>
export default {
data() {
return {
@ -59,10 +59,9 @@ export default {
}
}
<\/script>
`,
composition: `
<template>
<div class="card flex flex-wrap justify-center items-end gap-4">
<div class="card flex flex-wrap justify-center gap-4">
<FloatLabel variant="in">
<InputText id="in_label" v-model="value1" autocomplete="off" />