Allotment

React split-pane component.

• React-based: Integrate effortlessly into your existing React-based application.
• Industry standard look and feel: Like VS Code's split view implementation? You're in luck! This component is derived from the same codebase.
• Dynamic: Want to declaratively add and remove panes? We've got you covered.

Getting Started

Allotment is available from npm.

Prerequisites

Allotment has react and react-dom as peer dependencies.

1yarn add react react-dom

Installation

1yarn add allotment

Usage

1import React from "react";
2import { Allotment } from "allotment";
3
4export const App = () => (
5  <Allotment>
6    <ComponentA>
7    <ComponentB>
8  </Allotment>
9);