tag
selection
Marking what an action will apply to.
20 terms across 6 categories · all tags
component
- Checkbox
A square control that turns one independent option on or off, used in sets where any number of the options may be chosen.
- Chip
A compact, rounded element holding one value, which can usually be selected, removed, or both.
- Listbox
An always visible list of options you choose from with the keyboard or pointer, without a popup or a text field.
- Multi select
A select that accepts several values at once, usually showing the chosen ones as removable tokens inside the field.
- Radio group
A set of mutually exclusive options, each with its own label and control, exactly one of which can be chosen.
- Segmented control
A single control holding two to five mutually exclusive options side by side, with the current one shown as a filled segment.
- Selection card
A radio or checkbox dressed as a card, where the whole tile is the target and the control itself is small or absent.
- Toggle group
A set of toggle buttons treated as one control, either single select like radios or multi select like a row of formatting toggles.
- Transfer list
Two side by side lists with arrow buttons between them, used to move items from available to chosen and back.
pattern
- Applied filters
A row of removable tokens above the results showing every filter currently in force, with a control to clear them all at once.
- Bulk actions
Selecting several rows and applying one command to all of them, usually through a bar that appears once a selection exists and reports its count.
- Select all across pages
Offering to extend a selection from the visible page to every matching row, after a header checkbox has selected only what is on screen.
interaction
- Brushing
Dragging a selection across one chart to highlight the same records in every linked view.
- Lasso selection
Selecting by dragging a boundary around items on a canvas, freehand or as a rectangle, so whatever the outline encloses becomes the selection when the drag ends.
- Range select
Choosing a contiguous run of items by marking one end and holding Shift while marking the other, selecting everything between them.
- Selection follows focus
A widget where moving focus also selects, so arrowing through tabs or a listbox changes the selection immediately rather than on a second press.
- Selection handle
The draggable grip at each end of a touch text selection, used to widen or narrow the range a finger cannot adjust precisely.
motion
- Marching ants
The animated dashed outline that circles a selection, moving continuously so the boundary reads as active rather than drawn.
color
- Selection color
The highlight painted behind text a reader has selected, which a page can restyle and thereby break the contrast the operating system had guaranteed.
accessibility
- Mixed state checkbox
A checkbox showing a third, indeterminate state when only some of the boxes it governs are checked.