Provided validation and helper slot for FwbSelect #242 (#254)

* feat(fwb-select): Add validation and helper slot

* docs(docs-select): Add validation and helper slot examples
This commit is contained in:
imanmalekian31
2023-12-05 19:32:36 +03:30
committed by GitHub
parent 32d9c4a5bc
commit f530e24a41
6 changed files with 275 additions and 53 deletions

View File

@@ -0,0 +1,31 @@
<template>
<div class="vp-raw">
<fwb-select
v-model="selected"
:options="countries"
label="Select a country"
>
<template #helper>
We'll never share your details. Read our
<fwb-a
href="#"
color="text-blue-600 dark:text-blue-500"
>
Privacy Policy
</fwb-a>.
</template>
</fwb-select>
</div>
</template>
<script lang="ts" setup>
import { ref } from 'vue'
import { FwbA, FwbSelect } from '../../../../src/index'
const selected = ref('')
const countries = [
{ value: 'us', name: 'United States' },
{ value: 'ca', name: 'Canada' },
{ value: 'fr', name: 'France' },
]
</script>