Layoutv0.2.0

Dockyard

A place for everything.
Space to make anything.

Compose serious workspaces with dockable panels, retained editors, floating windows and layouts that remember where you left off.

Retained DOM workspaces01 / LAYOUT
01

Retained DOM workspaces

Documents, tools and split panes share one observable layout tree. Move the real DOM content, not screenshots of it.

02

Dock, float & auto-hide

Import the stylesheet and give the host a measurable height before creating a DockingManager. Keep stable ContentId values when saving layouts.

03

JSON & XML layout persistence

Call manager.Dispose() when the host is removed. Resolve restored content by ContentId because deserialization recreates model wrappers.

NOT A SCREENSHOT

Get a feel for it.

Open full playground

Preparing Dockyard

The playground loads when it comes into view.

A SMALL FIRST STEP

Layout is a living model.

Documents, tools and split panes share one observable layout tree. Move the real DOM content, not screenshots of it.

Read the usage guide
npm install @wieslawsoltes/dockyard@0.2.0

Pinned to the published package used in this showcase. No unpublished features implied.

↑ ↓ to explore · Enter to openEsc to close