Description List

Muted keys · foreground values · 76px label column

Light

Inline · on card

Approved access
Account
alex@example.com
Merchants
Northstar Fabrication
Shops
All current and future

Stacked · on card

Approved access
Account
alex@example.com
Merchants
Northstar Fabrication
Shops
All current and future

Auto · wide card (416px) → inline

Approved access
Account
alex@example.com
Merchants
Northstar Fabrication
Shops
All current and future

Auto · narrow card (240px) → stacked

Approved access
Account
alex@example.com
Merchants
Northstar Fabrication
Shops
All current and future

No header · auto · 416px card

Account
alex@example.com
Merchants
Northstar Fabrication
Shops
All current and future

Use for attributes of one entity on a review or confirmation screen. Do not use for row-by-row comparison; use a table instead.

Back to StoryLite