Components / Field

Form Structure

Structural wrappers that handle layout spacing, nested labels, semantic fieldsets, and automated error distribution for Maya components.

Field

Auto-generates labels and description tooltips.

We will never share your email.

Field (Error State)

Passing 'error' turns the input red using CSS :deep() injection.

Password must be at least 8 characters long.

Fieldset & Form

Group related inputs conceptually and spatially.

Nested Forms

Using Form, Fieldset, FormGroup, and Field together.

Shipping Address
Where should we send your device?

MayaField Props API

Prop / EventTypeDefaultDescription
labelString""The label for the field group.
descriptionString""Secondary descriptive text below the input.
errorString""Error message. If provided, turns child inputs red.
nameString""Native name attribute for the label "for" connection.
requiredBooleanfalseMarks the label as required (often appends an asterisk).
#labelSlot—Slot for custom label markup.
#defaultSlot—The default slot where the input component goes.