[MIRROR] Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
Go to file
2024-02-19 20:57:15 +00:00
.codesandbox feat: scrollbar as default 2024-01-17 19:57:24 +00:00
.github chore: migrate to codeql v3 2024-01-30 19:57:46 +00:00
.vscode chore: eslint setup 2021-10-04 20:22:05 +01:00
packages feat: events 2024-02-19 20:57:15 +00:00
scripts chore: docs 2024-01-05 15:39:20 +00:00
.editorconfig chore: eslint setup 2021-10-04 20:22:05 +01:00
.eslintignore add eslint 2020-11-15 16:05:51 +00:00
.eslintrc.js chore: eslint setup 2021-10-04 20:22:05 +01:00
.gitignore chore: auto-gen type docs 2023-10-01 21:53:59 +01:00
.prettierignore code 2020-09-20 20:00:31 +01:00
.prettierrc code 2020-09-20 21:52:26 +01:00
jest-setup.ts chore: update dependencies 2023-10-22 15:48:28 +01:00
jest.config.ts chore: update dependencies 2023-10-22 15:48:28 +01:00
lerna.json chore(release): publish v1.9.2 2024-01-23 17:37:01 +00:00
LICENSE Create LICENSE 2021-03-14 16:27:18 +00:00
package.json test: add tests 2024-01-03 20:29:58 +00:00
README.md chore: update docs (#429) 2024-01-15 20:03:20 +00:00
sonar-project.properties chore: fix sonar line coverage 2023-03-13 20:19:25 +03:00
tsconfig.base.json test: adjust tsconfig for tests 2023-04-16 22:06:48 +01:00
tsconfig.eslint.json feat: tsconfig adjustments 2023-04-03 22:06:10 +01:00
tsconfig.json feat: add typedocs 2023-05-16 21:28:02 +01:00
tsconfig.test.json chore: update dependencies 2023-10-22 15:48:28 +01:00
typedoc.base.json feat: add typedocs 2023-05-16 21:28:02 +01:00
typedoc.json feat: add typedocs 2023-05-16 21:28:02 +01:00
vscode.code-workspace code 2020-09-24 23:01:48 +01:00
yarn.lock feat: provide means to obtain popoutWindow document 2024-01-27 14:21:56 +00:00

dockview

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


npm version npm CI Build Coverage Quality Gate Status Bundle Phobia

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

Features

  • Serialization / deserialization with full layout management
  • Support for split-views, grid-views and 'dockable' views
  • Themeable and customizable
  • Tab and Group docking / Drag n' Drop
  • Popout Windows
  • Floating Groups
  • Extensive API
  • Supports Shadow DOMs
  • High test coverage
  • Documentation website with live examples
  • Transparent builds and Code Analysis
  • Security at mind - verifed publishing and builds through GitHub Actions

Want to verify our builds? Go here.

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:

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