Dashboardblocks
Components

Checklist

Onboarding checklists, setup steppers, progress cards and task lists.

Every step is done, in progress, to do or skipped, and each state has its own marker shape and a text label, so colour never carries it alone. Skipped steps are left out of the total, so skipping an optional step doesn't hold progress back. Use these for steps people tick off; for numeric targets, use Goals.

Onboarding

Setup steps with a progress ring. Each step expands to show what it involves, with the action on the current step and a skip button on optional ones.

Get started
2 of 5 steps done, 1 skipped

  1. Start from a template or a blank canvas, then add the metrics you track every week.

Stepper

The stages of a multi-stage setup, side by side on wide cards and stacked on narrow ones.

New connection
Sync your production database into the warehouse.
  1. Choose sourceDonePostgreSQL 16
  2. ConnectDonedb.acme.internal
  3. Select tablesIn progress12 of 48 tables
  4. Schedule syncTo do
  5. Review and launchTo do

Progress Card

A compact card with how many steps are done and the next one, to bring people back to setup.

Account setup60%

3 of 5 done

Up nextInvite your team · 2 min

Task List

Tasks grouped by team, with due dates and checkboxes. Overdue and due-today tasks are flagged with an icon and text.

Pricing launch
4 of 8 tasks done, 1 overdue

Product2/3 done

  • Maya
  • Leo
  • Leo

Marketing1/3 done

  • Ana
  • Ana
  • Sam

Support1/2 done

  • Kai
  • Kai

On this page