components / 02Tabs & selection
Keep a small set of related views in one place.
Try the controlsText views
CLASS V STUDIOGood design speaks clearly.
Icon + text
TYPE WORKSPACEIdeas take shape.
Icon selection
A clear point of view.Alignment changes this text.
Collection filter
Brand introduction approved
Campaign headline draft
Usage
- Use view tabs for related content and segmented choices for one controlled value.
- Reflect selection in both the control and preview.
Variants
Text viewsIcon alignmentIcon + textCollection filters
Preview states
SelectedUnselectedHoverKeyboard selectionFiltered results
Integration boundary
- Responsive choices fit the study canvas; they do not create persisted breakpoint overrides.
Source modules 3
shared/components/ui/controls.tsxconceptualize/components/studio-v2/studio-toolbar.tsxconceptualize/components/studio-v2/studio-inspector.tsx
