Section

Designer

Composable canvas-editor primitives. The chrome lives in @hilum/designer (engine-agnostic) and the canvas engine in @hilum/designer-canvas (generic free-positioned canvas with a pluggable renderer registry).

How To Use This Page

Designer pages document the composition environment itself: canvas behavior, shell layout, and pane orchestration.

Use this section when you are working on authoring workflows rather than end-user UI alone.

How The Content Is Grouped

  • The top-level Designer page groups the catalog by subcategory, making it easier to choose a family of patterns before drilling into an implementation.
  • Use the highlighted links below to start with the highest-signal areas of the section.

Start With

Shell

Canvas

Static Frame

Pane Visibility

@hilum/designer

Shell

DesignerShell, Header, Sidebar, Panel, Pane, Toolbar — engine-agnostic chrome.

Open
@hilum/designer-canvas

Canvas

Live demo of <Designer> + <DesignerCanvas> + <DesignerFrame>. Drag, marquee-select, zoom.

Open
@hilum/designer-canvas

Static Frame

Read-only DesignerStaticFrame for thumbnails / previews. Same renderers, no interactivity.

Open
@hilum/designer

Pane Visibility

Interactive demo of DesignerPane.showFor with multiple layer types selected.

Open