dockview/packages/dockview
2025-01-30 20:30:22 +00:00
..
scripts chore: css exported only from core package 2024-03-13 23:13:57 +00:00
src feat: close tab with middle btn 2025-01-30 20:30:22 +00:00
jest.config.ts chore: update dependencies 2023-10-22 15:48:28 +01:00
package.json chore(release): publish v3.0.2 2025-01-11 15:12:57 +00:00
README.md docs: add the splash-screen to the dockview package 2024-09-18 02:10:39 +03: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>