Field Wrapper
Generic container that pairs any input with a label and helper text, including validation messaging for errors and warnings.
Appearance
Content
State
Props — FieldWrapper
View MUI docs| Prop | Type | Description |
|---|---|---|
size | "large" | "medium" | "small" | "extraSmall" | Label and helper type scale. |
sentiment | "default" | "success" | "warning" | "error" | Validation tone for label and helper. |
label | ReactNode | Field label above the control. |
helperText | ReactNode | Helper or validation message below. |
helperIconName | FaIconName | Optional icon beside helper text. |
showHelper | boolean | Show helper row when helperText is set. |
children | ReactNode | The input control to wrap. |
required | boolean | Appends * after the label (same type style, no gap). |
disabled | boolean | Mutes label, helper, and icon. |
htmlFor | string | Associates label with control id. |