RhombusKit

Select

A select lets the user pick from a list of options in a compact dropdown. RhombusKit's <rhombus-select> wraps Material's <mat-select> in the same form-field shell as input and textarea, and routes its colour through the token contract so it re-skins with the active theme.

Example

When to use

  • Reach for a select when there are more options than fit comfortably as radios (roughly five or more), or when vertical space is tight.
  • When you need grouped options under headings, or multi-select from a compact trigger.

When not to use

  • For a short, always-visible set of mutually exclusive choices (roughly two to five), use a Radio group — no extra click to reveal the options.
  • For a single on/off choice, use a Switch or Checkbox rather than a two-option select.
  • For free-form text rather than a fixed list, use an Input or Textarea.

Related components

  • Radio — short, always-visible exclusive choices.
  • Checkbox — multi-select from a visible list.
  • Input — the sibling form-field for free text.
  • Textarea — multi-line free text.

Was this page helpful?