Quickstart

This guide walks you through creating your first Dockview layout. For the full set of CSS-import options and framework details, see Installation.

Install

Create your first layout

Dockview sizes itself to the element it is mounted into, so that element needs a height of its own. The example above takes the full viewport, which suits a full-page layout. Inside an app shell, give the ancestor chain a definite height instead: height: 100% on every ancestor up to the root, or a flex parent with flex: 1; min-height: 0. A container left at auto height collapses to zero and renders a blank page with no error.

Next steps

• Core concepts
• Adding panels
• Theming
• API reference