HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
NavigationView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorA set of destinations, with a marker on the current one.ExperimentalSince 0.1.0NavigationUsageimport'@fusion.dev/helix/navigation'import'@fusion.dev/helix-headless/navigation'Preview
API ReferenceRoothelix-navigationA set of destinations, with a marker on the current one.
PropTypeDefaultDescriptionlabelstring"Main"Accessible name for the landmark.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The destinations, as the consumer's own links.
PartDescriptionindicatorThe marker that travels to the current destination.navThe navigation landmark.
CSS PropertyDescription--navigation-gapSpace between destinations.--navigation-indicator-colorFill of the traveling marker.
Roothelix-headless-navigationA set of destinations, with a marker on the current one.
PropTypeDefaultDescriptionlabelstring"Main"Accessible name for the landmark.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The destinations, as the consumer's own links.
PartDescriptionindicatorThe marker that travels to the current destination.navThe navigation landmark.
ExamplesNameDescriptionPreviewLinks with the current page marked, and a mark that travels.PreviewLinks with the current page marked, and a mark that travels.