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

Fixed #5547 - Remove styled from speed

Browse source
This commit is contained in:
Cagatay Civici 2024-04-08 13:43:16 +03:00
parent 704f6dedf2
commit af56b7c054
16 changed files with 47 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

22
doc/iconfield/BasicDoc.vue
View file

@ -1,19 +1,16 @@
<template>
<DocSectionText v-bind="$attrs">
<p>
A group is created by wrapping the input and icon with the <i>IconField</i> component. Each icon is defined as a child of <i>InputIcon</i> component. In addition, position of the icon can be changed using <i>iconPosition</i> property that
the default value is <i>right</i> and also <i>left</i> option is available.
</p>
<p><i>IconField</i> wraps the <i>InputIcon</i> and the input field component.</p>
</DocSectionText>
<div class="card flex flex-wrap justify-content-center gap-3">
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputIcon class="pi pi-search" />
<InputText v-model="value1" placeholder="Search" />
</IconField>
<IconField>
<InputText v-model="value2" />
<InputIcon class="pi pi-spin pi-spinner"> </InputIcon>
<InputIcon class="pi pi-spin pi-spinner" />
</IconField>
</div>
<DocSectionCode :code="code" />
@ -28,27 +25,26 @@ export default {
code: {
basic: `
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputIcon class="pi pi-search" />
<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" />
</IconField>
`,
options: `
<template>
<div class="card flex flex-wrap justify-content-center gap-3">
<IconField>
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputIcon class="pi pi-search" />
<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" />
</IconField>
</div>
</template>
@ -68,13 +64,13 @@ export default {
<template>
<div class="card flex flex-wrap justify-content-center gap-3">
<IconField>
<InputIcon class="pi pi-search"> </InputIcon>
<InputIcon class="pi pi-search" />
<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" />
</IconField>
</div>
</template>