Deploying to gh-pages from @ f6e816fa10 🚀

assets/js/09e23a09.45e476df.js

@@ -1 +1 @@
-"use strict";(self.webpackChunkdockview_docs=self.webpackChunkdockview_docs||[]).push([[2404],{3689:e=>{e.exports=JSON.parse('{"label":"release","permalink":"/blog/tags/release","allTagsPath":"/blog/tags","count":27,"unlisted":false}')}}]);
+"use strict";(self.webpackChunkdockview_docs=self.webpackChunkdockview_docs||[]).push([[2404],{3689:e=>{e.exports=JSON.parse('{"label":"release","permalink":"/blog/tags/release","allTagsPath":"/blog/tags","count":28,"unlisted":false}')}}]);

assets/js/0fdf66f2.0ed3f024.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkdockview_docs=self.webpackChunkdockview_docs||[]).push([[8209],{9275:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>i,metadata:()=>a,toc:()=>l});var o=n(3188),r=n(7832);const i={id:"installation",title:"Installation",sidebar_position:0},s=void 0,a={id:"overview/getStarted/installation",title:"Installation",description:"Learn how to install Dockview for a selection of frameworks.",source:"@site/docs/overview/getStarted/installation.mdx",sourceDirName:"overview/getStarted",slug:"/overview/getStarted/installation",permalink:"/docs/overview/getStarted/installation",draft:!1,unlisted:!1,editUrl:"https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/docs/overview/getStarted/installation.mdx",tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"installation",title:"Installation",sidebar_position:0},sidebar:"tutorialSidebar",next:{title:"Theme",permalink:"/docs/overview/getStarted/theme"}},c={},l=[];function d(e){const t={code:"code",p:"p",pre:"pre",...(0,r.a)(),...e.components},{FrameworkSpecific:n}=t;return n||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("FrameworkSpecific",!0),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.p,{children:"Learn how to install Dockview for a selection of frameworks."}),"\n",(0,o.jsxs)(n,{framework:"JavaScript",children:[(0,o.jsxs)(t.p,{children:["Firstly, install the ",(0,o.jsx)(t.code,{children:"dockview-core"})," library:"]}),(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-sh",children:"npm install dockview-core\n"})})]}),"\n",(0,o.jsxs)(n,{framework:"React",children:[(0,o.jsxs)(t.p,{children:["Firstly, install the ",(0,o.jsx)(t.code,{children:"dockview"})," library:"]}),(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-sh",children:"npm install dockview\n"})})]}),"\n",(0,o.jsxs)(n,{framework:"Vue",children:[(0,o.jsxs)(t.p,{children:["Firstly, install the ",(0,o.jsx)(t.code,{children:"dockview-vue"})," library:"]}),(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-sh",children:"npm install dockview-vue\n"})})]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(d,{...e})}):d(e)}},7832:(e,t,n)=>{n.d(t,{Z:()=>a,a:()=>s});var o=n(6204);const r={},i=o.createContext(r);function s(e){const t=o.useContext(i);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),o.createElement(i.Provider,{value:t},e.children)}}}]);
+//# sourceMappingURL=0fdf66f2.0ed3f024.js.map

assets/js/0fdf66f2.fc14e889.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkdockview_docs=self.webpackChunkdockview_docs||[]).push([[8209],{9275:(e,t,o)=>{o.r(t),o.d(t,{assets:()=>c,contentTitle:()=>s,default:()=>p,frontMatter:()=>i,metadata:()=>a,toc:()=>l});var n=o(3188),r=o(7832);const i={id:"installation",title:"Installation",sidebar_position:0},s=void 0,a={id:"overview/getStarted/installation",title:"Installation",description:"Learn how to install Dockview for a selection of frameworks.",source:"@site/docs/overview/getStarted/installation.mdx",sourceDirName:"overview/getStarted",slug:"/overview/getStarted/installation",permalink:"/docs/overview/getStarted/installation",draft:!1,unlisted:!1,editUrl:"https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/docs/overview/getStarted/installation.mdx",tags:[],version:"current",sidebarPosition:0,frontMatter:{id:"installation",title:"Installation",sidebar_position:0},sidebar:"tutorialSidebar",next:{title:"Theme",permalink:"/docs/overview/getStarted/theme"}},c={},l=[];function d(e){const t={code:"code",p:"p",pre:"pre",...(0,r.a)(),...e.components},{FrameworkSpecific:o}=t;return o||function(e,t){throw new Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("FrameworkSpecific",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.p,{children:"Learn how to install Dockview for a selection of frameworks."}),"\n",(0,n.jsxs)(o,{framework:"JavaScript",children:[(0,n.jsxs)(t.p,{children:["Firstly, install the ",(0,n.jsx)(t.code,{children:"dockvire-core"})," library:"]}),(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"npm install dockview-core\n"})})]}),"\n",(0,n.jsxs)(o,{framework:"React",children:[(0,n.jsxs)(t.p,{children:["Firstly, install the ",(0,n.jsx)(t.code,{children:"dockview"})," library:"]}),(0,n.jsx)(t.pre,{children:(0,n.jsx)(t.code,{className:"language-sh",children:"npm install dockview\n"})})]})]})}function p(e={}){const{wrapper:t}={...(0,r.a)(),...e.components};return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7832:(e,t,o)=>{o.d(t,{Z:()=>a,a:()=>s});var n=o(6204);const r={},i=n.createContext(r);function s(e){const t=n.useContext(i);return n.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function a(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(r):e.components||r:s(e.components),n.createElement(i.Provider,{value:t},e.children)}}}]);
-//# sourceMappingURL=0fdf66f2.fc14e889.js.map

assets/js/20435d4c.0b9da86b.js

@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkdockview_docs=self.webpackChunkdockview_docs||[]).push([[1316],{7335:(e,o,r)=>{r.r(o),r.d(o,{assets:()=>i,contentTitle:()=>l,default:()=>h,frontMatter:()=>s,metadata:()=>c,toc:()=>a});var n=r(3188),t=r(7832);const s={title:"Scrolling"},l=void 0,c={id:"core/scrollbars",title:"Scrolling",description:"It's important to understand how to configure the scrollbar within a panel.",source:"@site/docs/core/scrollbars.mdx",sourceDirName:"core",slug:"/core/scrollbars",permalink:"/docs/core/scrollbars",draft:!1,unlisted:!1,editUrl:"https://github.com/facebook/docusaurus/tree/main/packages/create-docusaurus/templates/shared/docs/core/scrollbars.mdx",tags:[],version:"current",frontMatter:{title:"Scrolling"},sidebar:"tutorialSidebar",previous:{title:"Locked",permalink:"/docs/core/locked"},next:{title:"Watermark",permalink:"/docs/core/watermark"}},i={},a=[{value:"Live Examples",id:"live-examples",level:2}];function d(e){const o={code:"code",h2:"h2",li:"li",p:"p",strong:"strong",ul:"ul",...(0,t.a)(),...e.components},{CodeRunner:r}=o;return r||function(e,o){throw new Error("Expected "+(o?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}("CodeRunner",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(o.p,{children:"It's important to understand how to configure the scrollbar within a panel."}),"\n",(0,n.jsxs)(o.p,{children:["A panel will appear with a scrollbar if the the contents of your view has a fixed height.\nIf you are using a relative height such as ",(0,n.jsx)(o.code,{children:"100%"})," you will need a child container\nwith the appropiate ",(0,n.jsx)(o.code,{children:"overflow"})," value to allow for scrollbars."]}),"\n",(0,n.jsx)(o.h2,{id:"live-examples",children:"Live Examples"}),"\n",(0,n.jsx)(o.p,{children:"The following example contains three views:"}),"\n",(0,n.jsxs)(o.ul,{children:["\n",(0,n.jsxs)(o.li,{children:[(0,n.jsx)(o.strong,{children:"Panel 1"})," (",(0,n.jsx)(o.code,{children:"height: 100%"}),"): No scrollbar appears and the content is clipped."]}),"\n",(0,n.jsxs)(o.li,{children:[(0,n.jsx)(o.strong,{children:"Panel 2"})," (",(0,n.jsx)(o.code,{children:"height: 2000px"}),"): A scrollbar does appear since a fixed height has been used."]}),"\n",(0,n.jsxs)(o.li,{children:[(0,n.jsx)(o.strong,{children:"Panel 3"}),": ",(0,n.jsx)(o.code,{children:"height: 100%"})," and a child component with ",(0,n.jsx)(o.code,{children:"overflow: auto"})," which will enable scrollbars."]}),"\n"]}),"\n",(0,n.jsx)(r,{id:"dockview/scrollbars"})]})}function h(e={}){const{wrapper:o}={...(0,t.a)(),...e.components};return o?(0,n.jsx)(o,{...e,children:(0,n.jsx)(d,{...e})}):d(e)}},7832:(e,o,r)=>{r.d(o,{Z:()=>c,a:()=>l});var n=r(6204);const t={},s=n.createContext(t);function l(e){const o=n.useContext(s);return n.useMemo((function(){return"function"==typeof e?e(o):{...o,...e}}),[o,e])}function c(e){let o;return o=e.disableParentContext?"function"==typeof e.components?e.components(t):e.components||t:l(e.components),n.createElement(s.Provider,{value:o},e.children)}}}]);
+//# sourceMappingURL=20435d4c.0b9da86b.js.map