Dev Design Library

Toggle group

A row of toggles for one choice or many, with a fill that slides to the picked item, joined or spaced items and arrow-key focus.

Toggle group preview
Library
HextaUI
Framework
React
Type
ui
License
MIT
Dependencies
@base-ui/react@^1.8.0, class-variance-authority, cn
Install
npx shadcn@latest add https://hextaui.com/r/toggle-group.json
Files
  • components/ui/toggle-group.tsx
  • lib/motion.ts
  • components/ui/toggle.tsx
Source
https://github.com/preetsuthar17/hextaui

Categories

More from HextaUI