Supplier availability
SKU-A — 7 — available
Public attributes and slots
| Attribute | Contract |
|---|---|
| appearance | surface (default) keeps insets and pane gaps; flush removes them while retaining compact region headings and navigation actions. |
layout | workbench (default) shows four regions; browser shows navigation and contents; project shows navigation, editor and independent preview. |
label | Names the complete workspace; aria-label can name it independently. |
aria-label | Overrides the accessible workspace name independently of its labels. |
navigation-label | Project explorer by default. |
editor-label | Current file editor by default. |
preview-label | Preview by default. |
tools-label | Commands and diagnostics by default. |
fit | content (default) uses natural height; fill uses a bounded parent at large container widths. |
class | Consumer styling class; layout and paint remain theme-owned. |
hidden | Native presence-based host visibility, preserving hidden=until-found. |
dir | Inherited ltr/rtl flow. |
Named content slots: navigation, editor, preview and tools. Each region also accepts a matching -heading slot to replace its visible heading. Container widths below 840px stack regions; 840px adds a sidebar; 1200px places editor and preview side by side. DOM order and focus remain unchanged.
Five theme modes
Supplier availability
SKU-A — 7 — available
Supplier availability
SKU-A — 7 — available
Supplier availability
SKU-A — 7 — available
Supplier availability
SKU-A — 7 — available
Current source
Rendered output
Commands
Project folder
Files and subfolders are rendered from application data.
Last successful build
Preview selection is independent of the selected source file.
Selected project build or file editor
Generated output