mirror of
https://github.com/mathuo/dockview
synced 2025-01-22 09:25:57 +00:00
[MIRROR] Zero dependency Docking Layout Manager. Supports Vanilla TypeScript, React and Vue.
.codesandbox | ||
.github | ||
.vscode | ||
packages | ||
scripts | ||
.editorconfig | ||
.eslintignore | ||
.eslintrc.js | ||
.gitignore | ||
.prettierignore | ||
.prettierrc | ||
jest-setup.ts | ||
jest.config.ts | ||
lerna.json | ||
LICENSE | ||
package.json | ||
README.md | ||
sonar-project.properties | ||
tsconfig.base.json | ||
tsconfig.eslint.json | ||
tsconfig.json | ||
tsconfig.test.json | ||
typedoc.base.json | ||
typedoc.json | ||
vscode.code-workspace | ||
yarn.lock |
dockview
Zero dependency layout manager supporting tabs, groups, grids and splitviews with ReactJS support written in TypeScript
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>