dockview/packages/dockview
2024-01-15 20:24:39 +00:00
..
scripts chore: Github Publish Actions 2023-10-22 11:28:42 +01:00
src bug: fix title renderer 2024-01-01 22:46:15 +00:00
gulpfile.js refactor: rename packages to dockview* 2021-03-25 21:59:50 +00: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 fix: build 2023-07-13 20:24:52 +01:00
tsconfig.esm.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
typedoc.json feat: add typedocs 2023-05-16 21:28:02 +01: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>