Dev Design Library

Segmented Control

A compact radio-style switch between a few options with a sliding animated thumb, solid or soft styles, icons, icon-only mode, vertical orientation and arrow-key navigation.

Segmented Control preview
Library
ReactFrame
Framework
React
Type
component
License
MIT
Dependencies
clsx, motion, tailwind-merge
Install
npx shadcn@latest add https://reactframe.com/r/segmented-control.json
Files
  • registry/new-york/segmented-control/segmented-control.tsx
Source
https://github.com/AhmetLoca/reactframe-public

Categories

More from ReactFrame