dockview/packages/dockview-core
2024-01-18 15:30:26 +00:00
..
scripts chore: Github Publish Actions 2023-10-22 11:28:42 +01:00
src feat: short-circuit resize calls when display:none 2024-01-18 15:30:26 +00:00
gulpfile.js chore: split packages 2023-02-27 16:58:50 +08:00
jest.config.ts chore: update dependencies 2023-10-22 15:48:28 +01:00
package.json chore(release): publish v1.9.0 2024-01-15 20:24:39 +00:00
README.md chore: update docs (#429) 2024-01-15 20:03:20 +00:00
rollup.config.js chore: rename script commands 2023-07-13 20:20:37 +01:00
tsconfig.esm.json feat: tsconfig adjustments 2023-04-03 22:06:10 +01:00
tsconfig.json feat: tsconfig adjustments 2023-04-03 22:06:10 +01:00
typedoc.json feat: add typedocs 2023-05-16 21:28:02 +01:00

dockview

Zero dependency layout manager supporting tabs, groups, grids and splitviews 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-core

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

@import '~dockview-core/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>