All challenges

UI · Frontend challenge · Frontend UI

Segmented Control

Difficulty

easy

Time

~15m

Format

Single

Grading

Human review

#ui#react#frontend#state#styling
Mission file // read carefullyeasy

Build a Segmented Control toggle component.

Requirements

  • Multiple inline options. Clicking one selects it.
  • Render a sliding background panel to smoothly transition the selected state marker (CSS translation/transition).

Build with

React
Live preview as you type
Human review
Start challenge

Sign in to save your progress.