@arminmajerie/dockview
v5.0.0
Published
Zero dependency layout manager supporting tabs, grids and splitviews (SolidJS only)
Maintainers
Readme
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
Source Code
Full source code is available at:
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.
npm install @arminmajerie/dockview-solid dockview-core solid-jsWithin your project, you must import or reference the stylesheet at dockview/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 class="dockview-theme-dark"></body>Maintainer
MIT License
