18 lines
493 B
Vue
18 lines
493 B
Vue
<script lang="ts" setup>
|
|
import { Slot } from 'radix-vue'
|
|
import { useFormField } from './useFormField'
|
|
|
|
const { error, formItemId, formDescriptionId, formMessageId } = useFormField()
|
|
</script>
|
|
|
|
<template>
|
|
<Slot
|
|
:id="formItemId"
|
|
:class="{ 'text-destructive border-destructive focus-visible:ring-destructive': error }"
|
|
:aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
|
|
:aria-invalid="!!error"
|
|
>
|
|
<slot />
|
|
</Slot>
|
|
</template>
|