RhombusKit

Input

A text input collects a single line of free-form text. RhombusKit's <rhombus-input> wraps Material's <mat-form-field> + matInput with a curated appearance / size API and routes its colour through the token contract so it re-skins with the active theme.

Example

We never share this.

When to use

  • Use an input for short, single-line text — a name, an email, a search term, a quantity.
  • When the value benefits from a leading or trailing affordance — a currency symbol, a search glyph, a show/hide password toggle — that the projected prefix/suffix slots can carry.

When not to use

  • For longer, multi-line free text use a Textarea.
  • To pick one (or several) values from a fixed list use a Select.
  • For a single boolean choice use a Checkbox or a Switch, not a text field.

Related components

  • Textarea — multi-line free text with the same form-field contract.
  • Select — choose from a fixed set of options.
  • Data Table — inputs often filter or edit rows here.

Was this page helpful?