React Panels

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.

Using bower

Include the following script tags in your HTML file:

<script src="path/to/bower_components/react-panels/dist/react-panels.min.js"></script>
<script src="path/to/bower_components/react-with-addons.min.js"></script>

Using npm

Install react-panels using npm:

npm install react-panels

Summary

react-panelsDemo/examples is a versatile tabbed panel component for React. It offers a wide range of features, including support for different themes, fixed or draggable floating panels, and multi-content components. It is easy to install and use, and provides demos for animations and drag and drop tabs. Overall, it is a flexible and customizable solution for creating tabbed panels in React applications.