jaro/flowbite-vue
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(component): adding label to select

Browse Source
This commit is contained in:
vasu
2023-06-13 18:44:13 +05:30
parent 2c97b19284
commit 996064edae
7 changed files with 23 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/components/select.md
View File

@@ -67,6 +67,8 @@ const countries = [
<template>
<div>
<Select v-model="selected" :options="countries" :size="lg" />
<Select v-model="selected" :options="countries" :size="md" />
<Select v-model="selected" :options="countries" :size="sm" />
</div>
</template>
```

2
docs/components/select/examples/DisabledSelect.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<Select v-model="selected" :options="countries" placeholder="You can't select" :disabled="true" />
<Select v-model="selected" :options="countries" placeholder="You can't select" label="Select a country" :disabled="true" />
</div>
</template>

2
docs/components/select/examples/SelectExample.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<Select v-model="selected" :options="countries" />
<Select v-model="selected" :options="countries" label="Select a country" />
</div>
</template>

6
docs/components/select/examples/SelectSize.vue
View File

@@ -1,6 +1,8 @@
<template>
<div>
<Select v-model="selected" :options="countries" size="lg" />
<div class="flex flex-col gap-2">
<Select v-model="selected" :options="countries" label="Select a country" size="lg" />
<Select v-model="selected" :options="countries" label="Select a country" size="md" />
<Select v-model="selected" :options="countries" label="Select a country" size="sm" />
</div>
</template>

2
docs/components/select/examples/UnderlinedSelect.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<Select v-model="selected" :options="countries" :underline="true" />
<Select v-model="selected" :options="countries" label="Select a country" :underline="true" />
</div>
</template>