@arminmajerie/dockview

Zero dependency layout manager supporting tabs, groups, grids and splitviews.
Now rewritten in SolidJS.

npm version npm downloads

--- **This package is for SolidJS. Previously implemented in React, it is now a pure SolidJS layout manager.** --- ## Live Demo See the mobile-friendly demo running in production: **[https://amkserver.myddns.rocks/DataMorph-Playground](https://amkserver.myddns.rocks/DataMorph-Playground)** ## Source Code Full source code is available at: **[https://github.com/arminmajerie/dockview-solid-port](https://github.com/arminmajerie/dockview-solid-port)** --- ## 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 in mind: verified publishing and builds through GitHub Actions --- ## Quick Start Dockview has a peer dependency on `solid-js >= 1.9.7`. You can install dockview from [npm](https://www.npmjs.com/package/@arminmajerie/dockview-solid). ```sh npm install @arminmajerie/dockview-solid dockview-core solid-js ``` Within your project, you must import or reference the stylesheet at `dockview/dist/styles/dockview.css` and attach a theme. ```css import "dockview-core/dist/styles/dockview.css"; ``` You should also attach a dockview theme to an element containing your components. For example: ```html ``` --- ## Maintainer * [arminmajerie](https://github.com/arminmajerie) --- MIT License