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

MultiSelect Chip support float and ifta

pull/6454/head
Cagatay Civici 2024-09-20 21:34:53 +03:00
parent f4ab5fcf21
commit 8491496271
3 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/showcase/doc/multiselect/IftaLabelDoc.vue
View File

@ -5,7 +5,7 @@
<div class="card flex justify-center"> <div class="card flex justify-center">
<IftaLabel class="w-full md:w-80"> <IftaLabel class="w-full md:w-80">
<MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" /> <MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" />
<label for="ms_cities">MultiSelect</label> <label for="ms_cities">Cities</label>
</IftaLabel> </IftaLabel>
</div> </div>
<DocSectionCode :code="code" /> <DocSectionCode :code="code" />
@ -27,7 +27,7 @@ export default {
basic: ` basic: `
<IftaLabel> <IftaLabel>
<MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" /> <MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" />
<label for="ms_cities">MultiSelect</label> <label for="ms_cities">Cities</label>
</IftaLabel> </IftaLabel>
`, `,
options: ` options: `
@ -35,7 +35,7 @@ export default {
<div class="card flex justify-center"> <div class="card flex justify-center">
<IftaLabel class="w-full md:w-80"> <IftaLabel class="w-full md:w-80">
<MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" /> <MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" />
<label for="ms_cities">MultiSelect</label> <label for="ms_cities">Cities</label>
</IftaLabel> </IftaLabel>
</div> </div>
</template> </template>
@ -62,7 +62,7 @@ export default {
<div class="card flex justify-center"> <div class="card flex justify-center">
<IftaLabel class="w-full md:w-80"> <IftaLabel class="w-full md:w-80">
<MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" /> <MultiSelect v-model="selectedCities" inputId="ms_cities" :options="cities" optionLabel="name" filter :maxSelectedLabels="3" class="w-full" />
<label for="ms_cities">MultiSelect</label> <label for="ms_cities">Cities</label>
</IftaLabel> </IftaLabel>
</div> </div>
</template> </template>

4
packages/primevue/src/floatlabel/style/FloatLabelStyle.js
View File

@ -74,7 +74,7 @@ const theme = ({ dt }) => `
.p-floatlabel-in .p-inputtext, .p-floatlabel-in .p-inputtext,
.p-floatlabel-in .p-textarea, .p-floatlabel-in .p-textarea,
.p-floatlabel-in .p-select-label, .p-floatlabel-in .p-select-label,
.p-floatlabel-in .p-multiselect-label, .p-floatlabel-in .p-multiselect-label-container,
.p-floatlabel-in .p-cascadeselect-label, .p-floatlabel-in .p-cascadeselect-label,
.p-floatlabel-in .p-treeselect-label { .p-floatlabel-in .p-treeselect-label {
padding-top: ${dt('floatlabel.in.input.padding.top')}; padding-top: ${dt('floatlabel.in.input.padding.top')};
@ -92,7 +92,7 @@ const theme = ({ dt }) => `
.p-floatlabel-on .p-inputtext, .p-floatlabel-on .p-inputtext,
.p-floatlabel-on .p-select-label, .p-floatlabel-on .p-select-label,
.p-floatlabel-on .p-multiselect-label, .p-floatlabel-on .p-multiselect-label-container,
.p-floatlabel-on .p-cascadeselect-label, .p-floatlabel-on .p-cascadeselect-label,
.p-floatlabel-on .p-treeselect-label { .p-floatlabel-on .p-treeselect-label {
padding-top: ${dt('floatlabel.on.input.padding.top')}; padding-top: ${dt('floatlabel.on.input.padding.top')};

2
packages/primevue/src/iftalabel/style/IftaLabelStyle.js
View File

@ -23,7 +23,7 @@ const theme = ({ dt }) => `
.p-iftalabel .p-inputtext, .p-iftalabel .p-inputtext,
.p-iftalabel .p-textarea, .p-iftalabel .p-textarea,
.p-iftalabel .p-select-label, .p-iftalabel .p-select-label,
.p-iftalabel .p-multiselect-label, .p-iftalabel .p-multiselect-label-container,
.p-iftalabel .p-cascadeselect-label, .p-iftalabel .p-cascadeselect-label,
.p-iftalabel .p-treeselect-label { .p-iftalabel .p-treeselect-label {
padding-top: ${dt('iftalabel.input.padding.top')}; padding-top: ${dt('iftalabel.input.padding.top')};