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

Update demo code

pull/6447/head
Cagatay Civici 2024-09-20 09:46:10 +03:00
parent ae32e74030
commit bc321b29f9
1 changed files with 16 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

32
apps/showcase/doc/floatlabel/VariantsDoc.vue
View File

@ -4,13 +4,13 @@
</DocSectionText> </DocSectionText>
<div class="card flex flex-wrap justify-center gap-4"> <div class="card flex flex-wrap justify-center gap-4">
<FloatLabel variant="in"> <FloatLabel variant="in">
<InputText id="inlabel" v-model="value1" autocomplete="off" /> <InputText id="in_label" v-model="value1" autocomplete="off" />
<label for="inlabel">In Label</label> <label for="in_label">In Label</label>
</FloatLabel> </FloatLabel>
<FloatLabel variant="on"> <FloatLabel variant="on">
<InputText id="onlabel" v-model="value2" autocomplete="off" /> <InputText id="on_label" v-model="value2" autocomplete="off" />
<label for="onlabel">On Label</label> <label for="on_label">On Label</label>
</FloatLabel> </FloatLabel>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -25,26 +25,26 @@ export default {
code: { code: {
basic: ` basic: `
<FloatLabel variant="in"> <FloatLabel variant="in">
<InputText id="inlabel" v-model="value1" /> <InputText id="in_label" v-model="value1" autocomplete="off" />
<label for="inlabel">In Label</label> <label for="in_label">In Label</label>
</FloatLabel> </FloatLabel>
<FloatLabel variant="on"> <FloatLabel variant="on">
<InputText id="onlabel" v-model="value2" /> <InputText id="on_label" v-model="value2" autocomplete="off" />
<label for="onlabel">On Label</label> <label for="on_label">On Label</label>
</FloatLabel> </FloatLabel>
`, `,
options: ` options: `
<template> <template>
<div class="card flex flex-wrap justify-center gap-4"> <div class="card flex flex-wrap justify-center gap-4">
<FloatLabel variant="in"> <FloatLabel variant="in">
<InputText id="inlabel" v-model="value1" /> <InputText id="in_label" v-model="value1" autocomplete="off" />
<label for="inlabel">In Label</label> <label for="in_label">In Label</label>
</FloatLabel> </FloatLabel>
<FloatLabel variant="on"> <FloatLabel variant="on">
<InputText id="onlabel" v-model="value2" /> <InputText id="on_label" v-model="value2" autocomplete="off" />
<label for="onlabel">On Label</label> <label for="on_label">On Label</label>
</FloatLabel> </FloatLabel>
</div> </div>
</template> </template>
@ -65,13 +65,13 @@ export default {
<template> <template>
<div class="card flex flex-wrap justify-center gap-4"> <div class="card flex flex-wrap justify-center gap-4">
<FloatLabel variant="in"> <FloatLabel variant="in">
<InputText id="inlabel" v-model="value1" /> <InputText id="in_label" v-model="value1" autocomplete="off" />
<label for="inlabel">In Label</label> <label for="in_label">In Label</label>
</FloatLabel> </FloatLabel>
<FloatLabel variant="on"> <FloatLabel variant="on">
<InputText id="onlabel" v-model="value2" /> <InputText id="on_label" v-model="value2" autocomplete="off" />
<label for="onlabel">On Label</label> <label for="on_label">On Label</label>
</FloatLabel> </FloatLabel>
</div> </div>
</template> </template>