@qwtel/allotment

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.

yarn add react react-dom

Installation

yarn add allotment

Usage

import React from "react";
import { Allotment } from "allotment";

export const App = () => (
  <Allotment>
    <ComponentA>
    <ComponentB>
  </Allotment>
);