1"use strict";(globalThis.webpackChunkdockview_docs=globalThis.webpackChunkdockview_docs||[]).push([[308],{5342(e,n,i){i.r(n),i.d(n,{assets:()=>a,contentTitle:()=>s,default:()=>u,frontMatter:()=>d,metadata:()=>o,toc:()=>c});const o=JSON.parse('{"id":"index","title":"Dockview documentation","description":"Dockview documentation: guides, API reference, and live examples for the zero-dependency docking layout manager.","source":"@site/docs/index.mdx","sourceDirName":".","slug":"/","permalink":"/docs/","draft":false,"unlisted":false,"tags":[],"version":"current","frontMatter":{"title":"Dockview documentation","description":"Dockview documentation: guides, API reference, and live examples for the zero-dependency docking layout manager.","hide_table_of_contents":true}}');var r=i(9500),t=i(8063);const d={title:"Dockview documentation",description:"Dockview documentation: guides, API reference, and live examples for the zero-dependency docking layout manager.",hide_table_of_contents:!0},s=void 0,a={},c=[{value:"Get started",id:"get-started",level:2},{value:"Explore",id:"explore",level:2}];function l(e){const n={a:"a",code:"code",h2:"h2",li:"li",p:"p",ul:"ul",...(0,t.R)(),...e.components};return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.p,{children:"Dockview is a zero-dependency docking layout manager for building IDE-like interfaces with tabs, groups, drag and drop, floating panels, and popout windows. It works with React, Vue, Angular, and vanilla TypeScript."}),"\n",(0,r.jsx)(n.h2,{id:"get-started",children:"Get started"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.a,{href:"/docs/overview/introduction",children:"Introduction"}),": what Dockview is and its core concepts"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.a,{href:"/docs/overview/installation",children:"Installation"}),": add Dockview to your framework"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.a,{href:"/docs/overview/quickstart",children:"Quickstart"}),": build your first layout"]}),"\n"]}),"\n",(0,r.jsx)(n.h2,{id:"explore",children:"Explore"}),"\n",(0,r.jsxs)(n.ul,{children:["\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.a,{href:"/docs/core/overview",children:"Core features"}),": panels, groups, drag and drop, theming, and state"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.a,{href:"/docs/api/dockview/overview",children:"API reference"}),": the full ",(0,r.jsx)(n.code,{children:"DockviewApi"})," surface"]}),"\n",(0,r.jsxs)(n.li,{children:[(0,r.jsx)(n.a,{href:"/demo",children:"Live demo"})," and ",(0,r.jsx)(n.a,{href:"/examples",children:"examples"})]}),"\n"]})]})}function u(e={}){const{wrapper:n}={...(0,t.R)(),...e.components};return n?(0,r.jsx)(n,{...e,children:(0,r.jsx)(l,{...e})}):l(e)}}}]); 2//# sourceMappingURL=4edc808e.5c23bb03.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.