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.
MayaField Props API
| Prop / Event | Type | Default | Description |
|---|---|---|---|
label | String | "" | The label for the field group. |
description | String | "" | Secondary descriptive text below the input. |
error | String | "" | Error message. If provided, turns child inputs red. |
name | String | "" | Native name attribute for the label "for" connection. |
required | Boolean | false | Marks the label as required (often appends an asterisk). |
#label | Slot | — | Slot for custom label markup. |
#default | Slot | — | The default slot where the input component goes. |