TextInput

A styled single-line input element for free-form text.

Prop	Type	Required	Default	Description
`hideInvalidAdornment`	`boolean`	—	—	Hide the invalid adornment in cases where TextInput is overlaid as a toggle on top of another input with an adornment such as DatePicker.
`invalid`	`boolean`	—	—	—
`onChange`	`NonNullable<InputProps['onChange']>`	Yes	—	—
`size`	`InputSizeType` `xsmall`\|`small`\|`medium`\|`large`	—	`medium`	—
`type`	`ValidType` `email`\|`number`\|`password`\|`search`\|`tel`\|`text`\|`url`	—	`text`	—
`value`	`NonNullable<InputProps['value']>`	Yes	—	—
Also accepts `Omit<InputProps, 'onChange' \| 'type' \| 'size' \| 'value'>`

Prop	Type	Required	Default	Description
`focusRing`	`normal`\|`bold`	—	—	—
`shape`	`InputShapeType` `square`\|`round`	Yes	—	—
`size`	`InputSizeType` `xsmall`\|`small`\|`medium`\|`large`	Yes	—	—

TextInput — Guidelines

When to use TextInput instead of a related input component, and how to write placeholder text.

Textarea

A styled multi-line textarea element for longer free-form text.