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>
);