Playground
  • Introduction
  • Components

Grouping

The clustering of items by shared attributes, balancing meaningful structure against the fragmentation of a flat list. Grouping helps actors detect patterns, draw comparisons, and focus on the subsets that matter most to their current goal.

Grouping inside a data view

Examples

Table

TODO:

Canvas

…

Orientation

TODO:

Nesting

TODO: Well, maybe not just yet.

Related components

  • Details — native expand/collapse for group sections

Related patterns

Precedes

  • Data view

Complements

  • Filtering — narrows what groups show up
  • Sorting — organises groups
  • Sections — organising content into named groups is a prerequisite for sectioning

Enabled by

  • Selection — a selection is the common payload of bulk grouping