HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
ToolbarView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorA group of controls that share one tab stop.StableSince 0.1.0LayoutUsageimport'@fusion.dev/helix/toolbar'import'@fusion.dev/helix-headless/toolbar'Preview
API ReferenceRoothelix-toolbarA group of controls that share one tab stop.
PropTypeDefaultDescriptionlabelstring"Toolbar"Accessible name for the toolbar.orientation"horizontal"|"vertical"Which way the arrow keys move.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The toolbar's controls.
PartDescriptiontoolbarThe toolbar container.
CSS PropertyDescription--toolbar-gapSpace between controls.
Roothelix-headless-toolbarA group of controls that share one tab stop.
PropTypeDefaultDescriptionlabelstring"Toolbar"Accessible name for the toolbar.orientation"horizontal"|"vertical"Which way the arrow keys move.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The toolbar's controls.
PartDescriptiontoolbarThe toolbar container.
ExamplesNameDescriptionPreviewControls in a row that arrow keys move between as one stop.PreviewControls in a row that arrow keys move between as one stop.UprightA column of controls, where the arrow keys move up and down instead.