Function useField

Wire a custom control into the enclosing <Field>. Returns null outside a Field, so controls can call it unconditionally. Must be called during component initialization, like any context read. The returned object's properties are getters, so they stay reactive in the template:

<script lang="ts">
  const field = useField();
</script>

<input id={field?.id} aria-describedby={field?.describedBy} aria-invalid={field?.invalid || undefined} />
Copy