Segmented
Single-select pill group.
<Segmented aria-label="Ranking period" options={[{ value: "daily", label: "Daily" }, { value: "weekly", label: "Weekly" }]} value={range} onValueChange={setRange} />Controlled radio-group semantics with roving keyboard focus. Options expose stable values separately from their rendered labels.