Field

Combine labels, controls, and help text to compose accessible form fields and grouped inputs.

Example

Payment Method

All transactions are secure and encrypted

Enter your 16-digit card number

Billing Address

The billing address associated with your payment method

Select the compute environment for your cluster.

Usage

import { Field } from '@ivaldi/ui'

Field.Root Props

PropTypeDefault

Field.Content Props

PropTypeDefault
classNamestring—
childrenReactNode—

Field.Description Props

PropTypeDefault
classNamestring—
childrenReactNode—

Field.Error Props

PropTypeDefault
classNamestring—
childrenReactNode—
errors{ message?: string; }[]—

Field.Group Props

PropTypeDefault
classNamestring—
childrenReactNode—

Field.Label Props

PropTypeDefault
classNamestring—
childrenReactNode—
asChildboolean—

Field.Legend Props

PropTypeDefault
classNamestring—
childrenReactNode—
variantenum"legend"

Field.Separator Props

PropTypeDefault
classNamestring—
childrenReactNode—

Field.Set Props

PropTypeDefault
classNamestring—
childrenReactNode—

Field.Title Props

PropTypeDefault
classNamestring—
childrenReactNode—