Skip to content
heyrav design system
ComponentsIn tools

Segmented control

Two to four exclusive options in one inset track. The pressed segment is paper, lifted by an inset ring, not a shadow.

Used onTool railsDocs theme switch
Show code
<div class="seg" role="group" aria-label="View"><button aria-pressed="true">Day</button><button aria-pressed="false">Week</button><button aria-pressed="false">Month</button></div>

The theme switch in this sidebar is the same component. Labels stay one word; if they need two, it is a Tabs problem.