Axonyx

Form

Native form layout primitives for settings screens, CMS editors, auth, and deploy flows.

Use Form for behavior, FormGroup for responsive structure, Fieldset for grouped controls, and Field/FieldLabel/FieldHint/FieldError for accessible control copy.

Project settings form

Project

Explicit field copy

Explicit label and hint primitives are useful in custom layouts.

Production deploy requires confirmation.

Usage

Code
ax
import { Form } from "@axonyx/ui/foundry/Form.asx"
import { FormGroup } from "@axonyx/ui/foundry/FormGroup.asx"
import { Fieldset } from "@axonyx/ui/foundry/Fieldset.asx"
import { Legend } from "@axonyx/ui/foundry/Legend.asx"

<Form method="post" action="/api/project" surface="forged">
  <Fieldset surface="forged">
    <Legend>Project</Legend>
    <FormGroup cols="2" gap="lg">
      ...
    </FormGroup>
  </Fieldset>
</Form>

Form API

Inline API contract for the native `.asx` form primitives.

  • Form: layout, density, surface, method, action
  • FormGroup: cols 1 | 2 | 3, gap sm | md | lg
  • Fieldset: grouped controls with optional forged surface
  • Legend: semantic title for grouped controls
  • FieldLabel, FieldHint, FieldError: standalone copy primitives