List Groups

Hairline-separated rows — bordered, flush, with badges, linked and actionable with controls.

Pagination
Bordered · badges

Project statuses

Trailing badges carry the state of each row.

  • BRBrightway Retail rolloutDue in 4 days · Marcus ReyesOn track
  • CCCedar & Co. onboardingDue tomorrow · Lena BrandtAt risk
  • MHMeridian Health migrationOverdue 2 days · Devon OkaforBlocked
  • TSTidepool Studios refreshShipped Jun 8 · Hana YılmazDone
Count badges · linked

Inbox folders

Linked rows highlight on hover; counts sit in pill badges.

Flush · grouped

Team directory

Section labels separate the roster; rows run edge to edge.

  • ASAva SuttonOperations LeadOnline
  • THTomás HerreraSales DirectorBusy
  • MRMarcus ReyesEngineering ManagerOnline
  • DODevon OkaforBackend EngineerAway
Actionable · controls

Today's tasks

1 of 4 complete

  • Review empty-state illustrationsDesign · Lena Brandt
  • Ship invoice export to CSVFinance · Jonas Falk
  • Patch sidebar focus trapEngineering · Devon Okafor
  • Draft Q3 customer digestMarketing · Hana Yılmaz
Selectable · trailing meta

Account balances

Click a row to select it; the active currency is accent-washed.

  • $US DollarUSD · Primary$48,210.00
  • £British PoundGBP · Secondary£21,540.00
  • €EuroEUR · Secondary€33,120.00
  • A$Australian DollarAUD · SecondaryA$15,980.00

Selected: USD