react-three-toggle

Multi-value toggle component for React. Click or press arrow keys to cycle through options.

Three options (uncontrolled)

No value prop — the component manages its own state. Click the toggle to cycle.

Controlled

External state via value + onValueChange. Cycles back to the first after the last by default.

current: auto

wrap={false}

Stops at the last option instead of cycling back.

Four sizes

Not limited to three. Use { label, value } for icons or rich labels.

size: M
GitHub →