Patterns · Working a list / Group card
Group card
One card for a clutch, litter or batch, with a tick for the whole group.
How it works
eggindeterminate_check_boxexpand_less
Group name · 3
Detail
Item check_box
Item check_box_outline_blank
Item check_box
Record numberStatus
AB
Name
Detail
The group tick shows none, some or all; the group opens to its items.
Rules
- The group tick has three states drawn from the same icon set: empty, partly ticked, ticked.
- Ticking the group ticks every item; unticking clears them.
- The count of items sits beside the group name.
Motion and haptics
| Moment | Motion | Haptic |
|---|---|---|
| Group ticked | Items tick together | Light tick |
Seen in
EggFamily tree
Built from the Antz modules on the Design Links hub, 26 Oct 2026. Not drawn in Figma yet: treat it as a temporary rule.