Update FloatLabelDoc.vue

pull/4084/head
Tuğçe Küçükoğlu 2023-06-23 16:23:42 +03:00
parent 7e51e3a6ab
commit 2f33571ee3
1 changed files with 4 additions and 4 deletions

View File

@ -4,8 +4,8 @@
</DocSectionText> </DocSectionText>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<span class="p-float-label"> <span class="p-float-label">
<label for="ssn">SSN</label>
<InputMask id="ssn" v-model="value" mask="999-99-9999" placeholder="999-99-9999" /> <InputMask id="ssn" v-model="value" mask="999-99-9999" placeholder="999-99-9999" />
<label for="ssn">SSN</label>
</span> </span>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -19,15 +19,15 @@ export default {
code: { code: {
basic: ` basic: `
<span class="p-float-label"> <span class="p-float-label">
<label for="ssn">SSN</label>
<InputMask id="ssn" v-model="value" mask="999-99-9999" placeholder="999-99-9999" /> <InputMask id="ssn" v-model="value" mask="999-99-9999" placeholder="999-99-9999" />
<label for="ssn">SSN</label>
</span>`, </span>`,
options: ` options: `
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<span class="p-float-label"> <span class="p-float-label">
<label for="ssn">SSN</label>
<InputMask id="ssn" v-model="value" mask="999-99-9999" placeholder="999-99-9999" /> <InputMask id="ssn" v-model="value" mask="999-99-9999" placeholder="999-99-9999" />
<label for="ssn">SSN</label>
</span> </span>
</div> </div>
</template> </template>
@ -46,8 +46,8 @@ export default {
<template> <template>
<div class="card flex justify-content-center"> <div class="card flex justify-content-center">
<span class="p-float-label"> <span class="p-float-label">
<label for="ssn">SSN</label>
<InputMask id="ssn" v-model="val2" mask="999-99-9999" placeholder="999-99-9999" /> <InputMask id="ssn" v-model="val2" mask="999-99-9999" placeholder="999-99-9999" />
<label for="ssn">SSN</label>
</span> </span>
</div> </div>
</template> </template>