Lists
A list is a stack of rows that share one shape: a leading icon or avatar, a title, sometimes a line of description, and one thing on the trailing edge: usually broken into groups under their own labels.
Get Pro to installPro7 blocksReact, Vue and Figma
Workspace settings
Manage your profile, team and preferences
Every block in the set#
When to use#
- Settings grouped under headings, each row its own destination or switch
- Inboxes where every row carries read state and a timestamp
- Short claims read in sequence, like what a plan includes
- Narrow screens, where a full-width row beats a line of links
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.