Multiselect

Pick several values from a list — as text or chips, with select all, search, a limit, groups and long virtual lists.

Features12APIThemingAccessibility

Basic

Pick several values; the form value is an array.

Value: angular, typescript

Chips

display="chip" shows every value as a chip with a remove icon; Backspace on the field removes the last one.

Summary

Above maxSelectedLabels values the field shows a count; selectedItemsLabel sets its own text.

Filter

With a search field, the select-all checkbox picks only the options that match.

Selection limit

selectionLimit caps the number of values; the rest of the options turn disabled.

Groups

Options in named groups, as in select.

Template

Own option markup with txSelectOption and own field content with txSelectValue, which gets the selected items.

Virtual scroll

Thousands of options with search and select all, rendered virtually.

States

Invalid, disabled and read-only, from the form control or the inputs.

Sizes

Three sizes, the same as the other fields.

Design tokens

dt changes the select tokens of one multiselect — here the chips and the checkboxes.

Pass through

Your classes and styles on inner parts, e.g. the chips and the select-all checkbox.