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, grids and splitviews with ReactJS support written in TypeScript
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>