Textarea

A textarea collects multi-line free-form text. RhombusKit's <rhombus-textarea> wraps Material's <textarea matInput>, adds a CDK-powered autosize mode, and routes its colour through the token contract so it re-skins with the active theme.

Example

When to use

  • Use a textarea for longer, multi-line entry (a comment, a bio, a message) where line breaks and wrapping matter.
  • When content length is unpredictable — set [autosize]="true" so the field grows with what the user types instead of forcing a scrollbar.

When not to use

  • For a single short line (name, email, search term), use an Input — it keeps the field compact and signals "one line" to the user.
  • To pick from a fixed set of options rather than free text, use a Select.
  • For a boolean choice, use a Checkbox or Switch instead of asking for typed input.

Related components

  • Input — single-line free text with the same ownership model.
  • Select — choose from a defined list of values.
  • Checkbox — capture a boolean instead of text.

Was this page helpful?