https://github.com/tombarr/react-segtabs

Accessible segmented tab control interface in React JS
https://github.com/tombarr/react-segtabs

javascript react reactjs segmented-controls tabs ui ui-components

Last synced: about 1 month ago
JSON representation

Accessible segmented tab control interface in React JS

• Host: GitHub
• URL: https://github.com/tombarr/react-segtabs
• Owner: Tombarr
• License: mit
• Created: 2017-11-29T02:54:20.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-11-29T02:59:30.000Z (over 7 years ago)
• Last Synced: 2025-04-13T00:34:12.202Z (about 1 month ago)
• Topics: javascript, react, reactjs, segmented-controls, tabs, ui, ui-components
• Language: JavaScript
• Size: 744 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React segtabs (segmented tab control)

An adaptable implementation of a Segmented Control interface in React JS.

By [Tom Barrasso](https://barrasso.me)

![react-segtabs gif](./react-segtabs.gif "react-segtabs gif")

Accessibility (keyboard navigation)

![react-segtabs tabbing gif](./react-segtabs-tab.gif "react-segtabs tabbing gif")

Thank you!

### TODO

- [ ] Programmable color

- [ ] Allow multi selection?

- [ ] Ability to link tabs to panels (with aria-controls labels)

- [ ] Validate for 508 compliance

- [ ] Support icons with and without text

- [ ] Support right-to-left layouts/ languages