Dev Design Library

Rubber Segment

Segmented control with a rubber thumb: taps stretch it across the gap and squash it onto the target, and you can grab, drag and flick it between slots.

Rubber Segment preview
Library
React Bits
Framework
React
Type
component
License
Commons-Clause+MIT
Install
npx shadcn@latest add @react-bits/RubberSegment
Files
  • src/content/Micro/RubberSegment/RubberSegment.css
  • src/content/Micro/RubberSegment/RubberSegment.jsx
Source
https://github.com/DavidHDev/react-bits

Categories

More from React Bits