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/

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:

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

Name		Name	Last commit message	Last commit date
Latest commit History 1,070 Commits
.codesandbox		.codesandbox
.github		.github
.vscode		.vscode
packages		packages
scripts		scripts
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
LICENSE		LICENSE
README.md		README.md
jest.config.ts		jest.config.ts
lerna.json		lerna.json
package.json		package.json
sonar-project.properties		sonar-project.properties
tsconfig.base.json		tsconfig.base.json
tsconfig.eslint.json		tsconfig.eslint.json
tsconfig.json		tsconfig.json
tsconfig.test.json		tsconfig.test.json
typedoc.base.json		typedoc.base.json
typedoc.json		typedoc.json
vscode.code-workspace		vscode.code-workspace
yarn.lock		yarn.lock