Skip to content

ComponentsItem

Components

Item

List rows: outset row with an overlay link, divided groups, compact grid rows, tile and menu rows, meta ↔ actions swap.

Row (default)

Outset 12px each side, radius 12, padding 12, gap 16; 63px tall with a 36px tile. The overlay link is the row's first tab stop.

Divided group with section label

Yours

3
Brand guidelinesNew

Apply brand colours and type to documents

Spreadsheet analyst

Clean, pivot and chart tabular data

Release notes writer with a very long name that has to truncate somewhere

Summarise merged pull requests into notes for the changelog and the blog

Compact grid rows

size sm: 52px tall, columns 36 | 1fr | max-content, date ↔ actions swap on hover / focus / open menu (actions always visible on touch).

Date groups
This week
Launch dashboard

DashboardPrivate

Oct 21
Pricing page draft

DocumentPrivate

Oct 19
Onboarding deck

SlidesPrivate

Oct 12

Tile and menu rows

Tile (template suggestions)
Menu rows (32px)
Outline / muted (shadcn)
Outline

Bordered row

Muted, size sm

Light and dark

Brand guidelines

Apply brand colours and type to documents

Spreadsheet analyst

Clean, pivot and chart tabular data

Brand guidelines

Apply brand colours and type to documents

Spreadsheet analyst

Clean, pivot and chart tabular data