Skip to content

Forms

MSM pattern

Multi Select

Searchable checkbox selection with persistent chips and explicit bulk actions.

When to use it
Choose several records with search, persistent chips, and explicit bulk scope.

Choose specialties

0 selected for Specialties.

Choose as many as you need. Search by name or specialty family.

Synthetic options. Use Tab or the arrow keys to move through results, then Space to select.

Assign people and handle search failures

Robin LeeNo longer available
1 selected for Students.

Names can repeat. Use the specialty and email to distinguish people.

This example uses synthetic search results. Robin is deliberately unavailable; a saved selection stays visible until you remove it.

Validation, protected, and read-only selections

Required
0 selected for Required specialties.
PianoCannot remove Piano
1 selected for Protected selection.

Piano is required in this synthetic example.

Piano
1 selected for Read-only specialties.

This selection can be viewed but not edited.

0 selected for Disabled specialties.
0 selected for Loading specialties.

Pickers inside dialogs and sheets

Usage

Use the Code tab to copy a complete example. MSM pages import shared components from @msm/ui; changes to those components appear here and in the application.

View registry item