Refactored IconField

This commit is contained in:
Cagatay Civici 2024-04-07 12:53:01 +03:00
parent 6bb4d186e1
commit a57bd36f20
4 changed files with 15 additions and 21 deletions

View file

@ -6,14 +6,14 @@
</p>
</DocSectionText>
<div class="card flex flex-wrap justify-content-center gap-3">
<IconField iconPosition="left">
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputText v-model="value1" placeholder="Search" />
</IconField>
<IconField>
<InputIcon class="pi pi-spin pi-spinner"> </InputIcon>
<InputText v-model="value2" />
<InputIcon class="pi pi-spin pi-spinner"> </InputIcon>
</IconField>
</div>
<DocSectionCode :code="code" />
@ -27,7 +27,7 @@ export default {
value2: null,
code: {
basic: `
<IconField iconPosition="left">
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputText v-model="value1" placeholder="Search" />
</IconField>
@ -40,8 +40,8 @@ export default {
options: `
<template>
<div class="card flex flex-wrap justify-content-center gap-3">
<IconField iconPosition="left">
<IconField iconPosition="left">
<IconField>
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputText v-model="value1" placeholder="Search" />
</IconField>
@ -67,7 +67,7 @@ export default {
composition: `
<template>
<div class="card flex flex-wrap justify-content-center gap-3">
<IconField iconPosition="left">
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputText v-model="value1" placeholder="Search" />
</IconField>