react-panels
A panel widget with extended features made with React and LESS. It does not depend on any third party module although some examples might use Font Awesome for icons.
Usage
$ bower install react-panels#v1
* Include react-panels[.min].css, react[.min].js, [JSXTransformer.js] and react-panels.js in your HTML.
Examples
More:
- basic
- basic with font awesome icons
- tabs, icons, buttons and toolbars
- floating window
- grayscale theme with blue background image
- grayscale theme with gold (color) background image
- compact and presets
- custom buttons
- dynamic tabs
-
react-bootstrap integration
(advanced example showcasing react-panels potential)
- full dynamic tabs: create, remove, hide and restore
- multiple panels (one is a draggable floating panel which automatically hides when it has no tabs)
- fully functional custom buttons with dropdown menus from bootstrap
- custom react components for panels content and toolbars
- move tabs from one panel to another
- pre-compiled JSX
Documentation
Documentation is still in progress and can be found here.