Multi-select Input

Choose multiple items from a list

What it solves

A Multi-select Input is a form component that allows users to select multiple items from a predefined set of options. It differs from an autocomplete (which suggests options for freeform entry) by working with a bounded, known list of options — users can only select what exists in the list. The most common visual implementation is a tag/chip-based selector: selected items appear as removable tags inside the input field, and remaining options are shown in a dropdown. Additional patterns include checkbox lists, dual listboxes, and native <select multiple>.

When to use

• Category and tag assignment – Assigning tags, labels, or categories to content.
• Permissions and role management – Selecting multiple roles for a user.
• Filter panels – Letting users apply multiple filters simultaneously.
• Recipient selection – Choosing multiple email recipients from a contact list.
• Feature selection – Configuring which features/modules to enable.

When to avoid