Lists, tables & cards
Choosing a container
- List rows, heterogeneous metadata per item, scan by first column (packages, updates, connections).
- Grid/cards, visual identity matters more than attributes (app icons, wallpapers).
- Table, dense comparable values across many rows; numeric columns align to the end.
Rules
- Rows are ≥ 44px tall with ≥ 8px separation; truncation follows the text with an ellipsis, never wraps unpredictably in list rows.
- Selection: click selects, Ctrl+click toggles, Shift+click ranges. Checkbox columns exist only when bulk actions are real.
- Every list has an empty state and a stable sort order the user can see.
- Virtualize lists beyond ~200 items; keep scroll position across updates.
- Actions on items appear on hover/focus (desktop) or in a context menu , never as six always-visible icon buttons per row.
The Store mock (/mockups/store/) shows cards with primary actions; the Update Manager (/mockups/updater/) shows a checkbox list with a bulk action.