JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1
  • Score
    100M100P100Q27321F
  • License MIT

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

Package Exports

  • vue-dock
  • vue-dock/dist/library.js
  • vue-dock/dist/library.mjs

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (vue-dock) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

vue-dock Current Release Release Date Monthly Downloads Coverage Status MIT License

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.

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