Patterns · Working a list / Select several

Select several

Pick several records in a list and act on them together.

How it works

1
arrow_backTitle
close2 selectedselect_all
AB
Name
Detail
check_box
AB
Name
Detail
check_box_outline_blank
AB
Name
Detail
check_box
AB
Name
Detail
check_box_outline_blank
arrow_forwardSuggested action · 2chevron_right

Holding a card or tapping the select icon starts the mode. The bar suggests the likely next step.

2
arrow_backTitle
Record numberStatus
AB
Name
Detail
Name • Date
Record numberStatus
AB
Name
Detail
Name • Date

Holding one card can also open a short menu for that record.

Rules

  • A count bar replaces the list header: close, "N selected", select all.
  • The suggested action follows what is selected (all damaged → Discard); other actions sit under it as outline buttons.
  • Leaving the mode clears the selection.
  • Actions that change many records show an Undo toast.

Motion and haptics

MomentMotionHaptic
Mode startsBar slides in 180 msLight tick
Action doneCards leave the listSuccess pulse

Seen in

MedicalEggAssessments

Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.

← Add to a recordOpen by status →