Workspace — Loidolt Theme

import { Workspace } from '@loidolt/theme-svelte';

Example

Notes

Columns follow the panes that are actually rendered — no sidebar snippet, no sidebar column.
sidebarOpen and inspectorOpen collapse a pane by leaving it unrendered, so nothing collapsed stays in the tab order.
The header snippet renders a full-width row above the panes — the home for a ContextBar or toolbar.
mainClass styles the main pane without reaching into .ldt-workspace__main from outside.

Props

Generated from the component source, so it cannot drift from the implementation.

Workspace props
Prop	Type	Default	Notes
`children` required	`Snippet`	`—`
`class`	`string`	`—`
`header`	`Snippet`	`—`	Full-width row above the panes — a ContextBar or toolbar.
`inspector`	`Snippet`	`—`
`inspectorOpen`	`boolean`	`true`	The same for the inspector column.
`mainClass`	`string`	`—`	Extra classes for the main pane, replacing consumer reach-ins on `__main`.
`ref` bindable	`HTMLDivElement \| null`	`null`
`sidebar`	`Snippet`	`—`
`sidebarOpen`	`boolean`	`true`	Collapses the sidebar column when `false` — the toggle behind a "hide navigation" control. The snippet is left unrendered rather than hidden, so nothing in it holds focus or is reachable by the tab order while collapsed.

Plus the attributes of HTMLAttributes<HTMLDivElement>, forwarded to the root element.