Segmented control, toolbar
A dense toolbar that switches the view under it between layouts.
Get Pro to installPro9 blocksReact, Vue and Figma
- Rebuild the billing panelORV-142To doFri 13
- Tabs keyboard modelORV-138DoingThu 12
- Pagination thumbORV-139DoingToday
- Field group popoversORV-131DoneTue 10
- Dark mode tokensORV-127DoneMon 9
More in Tabs#
When to use#
- Two to five peer views of one object, switched in place with no change of address.
- A panel whose heading, meta and primary action must hold still while the content beneath them changes.
- A field with two or three short options that shape what it shows: a segmented control rather than full tabs.
- A dense toolbar where the options are short enough to sit side by side without truncating.
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.