frontend/app/components/ui/form/FormControl.vue
2025-12-09 22:32:22 +01:00

18 lines
455 B
Vue

<script lang="ts" setup>
import { Slot } from "reka-ui";
import { useFormField } from "./useFormField";
const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
</script>
<template>
<Slot
:id="formItemId"
data-slot="form-control"
:aria-describedby="!error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`"
:aria-invalid="!!error"
>
<slot/>
</Slot>
</template>