JSPM

dockview

0.0.0-experimental-806ff2a9-20230927
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 16432
  • Score
    100M100P100Q132915F
  • License MIT

Zero dependency layout manager supporting tabs, grids and splitviews with ReactJS support

Package Exports

  • dockview
  • dockview/dist/cjs/index.js
  • dockview/dist/esm/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (dockview) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

dockview

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


npm version CI Build Coverage Quality Gate Status Bundle Phobia

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/

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>