Axonyx
Forms

Forms API

Forms are a composition layer over Field and control primitives. Use them to keep full workflows aligned across CMS, settings, and dashboard screens.

Preview components

Open the component docs to see examples, combinations, and usage patterns built on top of this API.

  • FormsComplete form examples and workflow patterns.
  • FieldLower-level field and control examples.

Preview

Import

import {
  Field,
  Input,
  Textarea,
  Select,
  Option,
  Checkbox,
  Radio,
  Switch
} from "@axonyx/react";

Form contract

PropTypeDefaultDescription
layout"stack" | "grid" | "inline""stack"Form-level layout direction.
density"comfortable" | "compact""comfortable"Controls vertical rhythm for dense dashboards and CMS side panels.
surface"plain" | "brushed" | "forged""plain"Optional form panel surface for grouped workflows.

CSS contract

.ax-form
.ax-form[data-layout="stack"]
.ax-form[data-layout="grid"]
.ax-form[data-layout="inline"]
.ax-form[data-density="compact"]
.ax-form[data-surface="brushed"]
.ax-form[data-surface="forged"]
.ax-field
.ax-input
.ax-textarea
.ax-select
.ax-checkbox
.ax-radio
.ax-switch