- Docs
- components
- Toggle Button Group
Toggle Button Group
A toggle button group allows a user to toggle multiple options, with single or multiple selection.
A toggle button group consists of a set of toggle buttons, and coordinates the selection state between them. Users can navigate between buttons with the arrow keys in either horizontal or vertical orientations.
Preview
Code
Installation
CLI
Copy & Paste
NPM
PNPM
Bun
Yarn
npx shadcn@latest add https://jollyui.dev/default/toggle-groupExamples
Default
Preview
Code
Multiple Selection
Preview
Code
Orientation
Preview
Code