Field

Form field wrapper for label, hint, and validation states.

Field composes native inputs, textareas, selects, checkboxes, radios, and switches.

Text input

Error state

Textarea

Select

Choice controls

Usage

Code
ax
import { Field } from "@axonyx/ui/foundry/Field.asx"
import { Input } from "@axonyx/ui/foundry/Input.asx"

<Field state="error">
  <span slot="label">Deploy target</span>
  <Input name="target" invalid="true" />
  <span slot="error">Confirmation required.</span>
</Field>

Field API

Inline API contract for the native `.asx` component.

  • state: default | success | warning | error
  • htmlFor: links label to control id
  • slots: label | hint | error | body