TextArea

Text areas are taller than text fields and wraps overflow text onto a new line. They are a fixed height and scroll vertically when the cursor reaches the bottom of the field. The large initial size indicates to users that longer copy is possible and provides a general concept for the amount of desired copy based on its field height.

Styleguide Link

• Parent: Form (Container)

• Child: Field, Label, FC - Leading, FC - Trailing

Properties

Label - The component can be presented with a label to give context to the form control. This label can be positioned top (above the field), left, or not at all (none).

Helper - Does the component have helper text (On/Off). This is used to provide additional context for the component for examples, how the input will be used, or as further clarification to the label.

Note: The structure and spacing of this component is the same between Textfield, Textarea, Selectlist, Chiplist, Slider, Userlist, and Toggle Button.

Note: Each of the nested elements and primitives of this form component have properties that can be adjusted to customize the component.