React Panels

screenshot of React Panels
react

React.js panel widget with support for tabs, toolbars, buttons and customizable themes

Overview

react-panelsDemo/examples is a multipurpose tabbed panel component for React v0.13.1 with addons. It is a browser-first build, providing a simple javascript file instead of a webpack/browserify bundle. It has no dependencies and supports themes and skins. It offers features like fixed or draggable floating panels, multi-content components, toggleable footer and toolbars in tabs, auto-collapsible tab header buttons, and custom panel buttons. It is extensible through mixins and provides demos for animations and drag & drop tabs.

Features

  • No dependencies: Single JS file with React inline styles.
  • Browser-first build: Simple javascript file instead of a webpack/browserify bundle.
  • Themes and skins: Supports various themes, including chemical demo and flexbox demo.
  • Fixed or draggable floating panels: Supports both fixed floating panels and draggable floating panels.
  • Multi-content components: Supports components with multiple contents.
  • Toggleable footer and toolbars in tabs: Allows the footer and toolbars in tabs to be toggled.
  • Auto-collapsible tab header buttons: Collapses tab header buttons when they don't fit in a single row.
  • Custom panel buttons: Provides the ability to customize panel buttons.
  • Easily extensible by mixins: Extensible functionality through mixins.
  • Animations demo: Provides a demo for animations.
  • Drag & drop tabs demo: Provides a demo for drag and drop tabs.
react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

grunt
Grunt

Grunt is a popular JavaScript task runner that automates repetitive tasks like minification, compilation, and testing, allowing developers to focus on writing code.