dockview

Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support written in TypeScript

---

Please see the website: https://dockview.dev

Features

• Simple splitviews, nested splitviews (i.e. gridviews) supporting full layout managment with dockable and tabular views
• Extensive API support at the component level and view level
• Themable and customizable
• Serialization / deserialization support
• Tabular docking and Drag and Drop support
• Floating groups, customized header bars and tab
• Documentation and examples

Want to inspect the latest deployment? Go to https://unpkg.com/browse/dockview@latest/

Quick start

Dockview has a peer dependency on react >= 16.8.0 and react-dom >= 16.8.0. You can install dockview from npm.

npm install --save dockview

Within your project you must import or reference the stylesheet at dockview/dist/styles/dockview.css and attach a theme.

@import'~dockview/dist/styles/dockview.css';

You should also attach a dockview theme to an element containing your components. For example:

<bodyclassname="dockview-theme-dark"></body>