vue-dock

Easy to use dockable & resizable panels for Vue. Lightweight, zero dependencies, extensible.

Vue Dock is a feature rich layout system for Vue. It provides a set of components that will allow you to easily create complex layouts built from dockable & resizable panels which wrap your own components. The system is designed to be as lightweight as possible, while maintaining high standards for accessibility, developer experience, and customization.

Documentation

Complete documentation and examples available at https://vue-dock.org.

• API Documentation

Install

yarn add vue-dock

# or use npm

npm install vue-dock

Then, import and register the components you wish to use:

import { createApp } from "vue";
import { vContainer, vPanel } from "vue-dock";

const app = createApp(App)

app.component("v-container", vContainer);
app.component("v-panel", vPanel);

The component itself does not include any CSS. You'll need to include it separately:

import "vue-dock/dist/vue-dock.css";

License

MIT