React Tabbordion Demo

Things to notice

No forced default styles

You do the styles. Or you rip these demo styles and customize.

No forced classnames

Tabbordion defaults to BEM style classes: panel, panel__state, panel__title, panel__content, panel__animator… and does the hard work of adding enough modifiers to make styling easy!

As you can see by looking at demo app.js or CSS files these are customizable and even removable.

If you want to read about Tabbordion's class naming logic more there is Advanced BEM with React components article over at CodePen.

No dependencies

This demo uses Font Awesome in Accordion styles and Normalize.css to unite rendering across browsers. Because default styles are not enforced you don't need to rip these away if you don't happen to like or otherwise need them.