@agala-labs/ui

Form Field

Associates a control with its label, helper copy, and error message.

Examples

Default

Workspace name *

Visible to everyone in your organization.

<AgalaFormField label="Email" html-for="email" required>
  <AgalaInput id="email" v-model="email" />
</AgalaFormField>

Import

import { AgalaFormField } from '@agala-labs/ui'

API

Prop	Type	Default	Description
label	string	—	Visible field label.
helper	string	—	Supporting text.
error	string	—	Validation message.
htmlFor	string	—	ID of the nested control.
required	boolean	false	Marks the label as required.
disabled	boolean	false	Styles the field as disabled.

Slots

• default — form control

Accessibility

Set htmlFor to the nested control ID; keep validation copy specific and recoverable.