React Segmented Control: iOS Thumb, Drag and When to Use It
TL;DR A React segmented control is a radio group drawn as a row of 2 to 5 segments with a raised thumb on the selected one: one tab stop, arrow keys that move and select, and a 44px height on touch screens. Use it when the choice changes the content already on screen (a time range, a view, units); use Tabs when it swaps in a different panel, a Toggle Group when several options can be on, and radio cards when each option needs a description. The free Wingo UI Segmented Control adds the iOS detai…