feat(Select): new component (#92)

This commit is contained in:
Benjamin Canac
2024-05-07 22:58:56 +02:00
committed by GitHub
parent 4a123906d0
commit 1942b8e117
60 changed files with 3068 additions and 692 deletions

View File

@@ -38,7 +38,7 @@ import { reactivePick } from '@vueuse/core'
import { useId, useAppConfig, useFormField } from '#imports'
const props = defineProps<SwitchProps>()
defineSlots<SwitchSlots>()
const slots = defineSlots<SwitchSlots>()
const modelValue = defineModel<boolean | undefined>({ default: undefined })
@@ -86,13 +86,13 @@ async function onChecked() {
</SwitchThumb>
</SwitchRoot>
</div>
<div v-if="(label || $slots.label) || (description || $slots.description)" :class="ui.wrapper()">
<Label v-if="label || $slots.label" :for="id" :class="ui.label()">
<div v-if="(label || !!slots.label) || (description || !!slots.description)" :class="ui.wrapper()">
<Label v-if="label || !!slots.label" :for="id" :class="ui.label()">
<slot name="label" :label="label">
{{ label }}
</slot>
</Label>
<p v-if="description || $slots.description" :class="ui.description()">
<p v-if="description || !!slots.description" :class="ui.description()">
<slot name="description" :description="description">
{{ description }}
</slot>