HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
Object InspectorView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorA value read as a tree: collapse what you do not need, count what
you collapsed, copy the part you do.ExperimentalSince 0.1.0DataUsageimport'@fusion.dev/helix/object-inspector'import'@fusion.dev/helix-headless/object-inspector'Preview
API ReferenceRoothelix-object-inspectorA value read as a tree: collapse what you do not need, count what
you collapsed, copy the part you do.
PropTypeDefaultDescriptiondefaultDepthnumber1How many levels start open.forstring""The id of a `<script type="application/json">` holding the value.labelstring""Accessible name for the tree, and the text of the header where there is one.noCopybooleanfalseWhether to leave the copy button off.valueunknownThe value itself, for a page that already holds it.windowedbooleanfalseWhether to draw only the rows in view.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
EventTypeDescriptionhelix-copyHelixCopyEventA value was put on the clipboard, from the copy button or the keyboard.
PartDescriptionafterThe room the rows after the window would take, when windowed.beforeThe room the rows before the window would take, when windowed.booleanA `true` or `false`.copyThe copy button, which copies the active row.copy-buttonThe inner button.copy-markThe clipboard glyph, and the confirmation that replaces it.copy-tooltipThe bubble, forwarded from the tooltip inside.copy-tooltip-arrowThe point, resting against the trigger.countHow many entries a branch holds.frameThe tree and the copy button beside it.headerThe bar carrying the label, where there is one.keyA property name or an array index.labelThe label.nullA `null`.numberA number.rowOne entry, a tree item.stringA string, in quotes.summaryThe brackets standing for a branch's contents.toggleThe caret on a branch: down when open, across when closed.treeThe tree, the one thing focus lands on.
CSS PropertyDescription--object-inspector-background-colorGround under the tree.--object-inspector-block-sizeHeight of the scrolling box, when windowed.--object-inspector-border-colorThe edge around the tree and its header.--object-inspector-header-background-colorThe bar carrying the label.--object-inspector-levelHow deep a row is, from 0 at the root, for indenting it.--object-inspector-radiusCorner radius of the tree.
Roothelix-headless-object-inspectorA value read as a tree: collapse what you do not need, count what
you collapsed, copy the part you do.
PropTypeDefaultDescriptiondefaultDepthnumber1How many levels start open.forstring""The id of a `<script type="application/json">` holding the value.labelstring""Accessible name for the tree, and the text of the header where there is one.noCopybooleanfalseWhether to leave the copy button off.valueunknownThe value itself, for a page that already holds it.windowedbooleanfalseWhether to draw only the rows in view.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
EventTypeDescriptionhelix-copyHelixCopyEventA value was put on the clipboard, from the copy button or the keyboard.
PartDescriptionafterThe room the rows after the window would take, when windowed.beforeThe room the rows before the window would take, when windowed.booleanA `true` or `false`.copyThe copy button, which copies the active row.copy-buttonThe inner button.copy-markThe clipboard glyph, and the confirmation that replaces it.copy-tooltipThe bubble, forwarded from the tooltip inside.copy-tooltip-arrowThe point, resting against the trigger.countHow many entries a branch holds.frameThe tree and the copy button beside it.headerThe bar carrying the label, where there is one.keyA property name or an array index.labelThe label.nullA `null`.numberA number.rowOne entry, a tree item.stringA string, in quotes.summaryThe brackets standing for a branch's contents.toggleThe caret on a branch: down when open, across when closed.treeThe tree, the one thing focus lands on.
CSS PropertyDescription--object-inspector-levelHow deep a row is, from 0 at the root, for indenting it.
ExamplesNameDescriptionPreviewAn API response, its shape first: open a branch to read it, and copy the one you need.PreviewAn API response, its shape first: open a branch to read it, and copy the one you need.WindowedTen thousand entries, drawn a box at a time, each still telling a reader where it is in the whole.