Welcome UI logo

Field

The Field component is a versatile UI element used to create input areas in forms. It typically includes a label and optional helper text or validation messages. This component ensures consistency and accessibility in form design, providing a structured and user-friendly way to capture user input.

Source
OverviewProps

Field

disabled

Boolean

disabledIcon

string | number | false | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

hideLabel

Boolean

hint

string | number | false | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

hintProps

HintProps

inline

Boolean

If true, the field will be displayed inline (horizontally) instead of block (vertically).

label
Required

string | number | false | true | ReactElement<any, string | JSXElementConstructor<any>> | Iterable<ReactNode> | ReactPortal

labelProps

LabelProps

required

Boolean

transparent

Boolean

Date time pickerFile drop