ourui

Segmented Control

freev1.0.2

Single-choice segmented control with a sliding thumb, icons, three sizes and full keyboard support — a radio group under the hood.

Category:
Inputs
Tags:
toggle, radio, animated
react:
^19
shadcn:
>=3.0
tailwind:
^4
Audited:
a11y, dark mode, ts strict, responsive
npx shadcn@latest add https://ourui.dev/r/segmented-control.json
Loading…

Automated audit

Last run

  • Renders: passed

    light + dark at 375px / 1280px

  • axe-core: passed

    no serious or critical violations

  • Bundle: passed

    1.3 kB gzip of 15.0 kB budget

  • Shadcn styles: passed

    installs, typechecks and renders in base-nova, radix-nova

  • Dependencies: warning

    no release in 12 months: class-variance-authority

Dependencies

  • class-variance-authority
  • radix-ui
  • lucide-react