HelixOverviewDocsComponentsSandboxTheme builderCortexDocsEngramBuildingTraceBuildingRecallDeclaredServicesInsightsGet in touchSource on GitHub
Loading the reference
Skip LinkView SourceEdit in SandboxView MarkdownCopy MarkdownOpen in ClaudeOpen in CursorThe first stop on a page, which moves the reader past everything
repeated on every page.ExperimentalSince 0.1.0NavigationUsageimport'@fusion.dev/helix/skip-link'import'@fusion.dev/helix-headless/skip-link'Preview
API ReferenceRoothelix-skip-linkThe first stop on a page, which moves the reader past everything
repeated on every page.
PropTypeDefaultDescriptionhrefstring"#main"Where the reader is sent, as an in-page fragment.labelstring"Skip to content"The link's words, for the common case of plain text.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The link's words. Falls back to `label`.
PartDescriptionlinkThe anchor, which is what takes focus.
CSS PropertyDescription--skip-link-border-colorColor of the revealed link's edge.--skip-link-border-widthWidth of the revealed link's edge. Follows `--helix-border-floating`, which is `0`, so the link is told apart by its lift unless a theme says otherwise.--skip-link-shadowLift under the revealed link. Follows `--helix-shadow-floating`, since it sits over whatever the page has at its corner.
Roothelix-headless-skip-linkThe first stop on a page, which moves the reader past everything
repeated on every page.
PropTypeDefaultDescriptionhrefstring"#main"Where the reader is sent, as an in-page fragment.labelstring"Skip to content"The link's words, for the common case of plain text.
ReadTypeDescriptionwhenSettledPromise<void>Resolves a frame after the first update, when transitions are switched on.
SlotDescription(default)The link's words. Falls back to `label`.
PartDescriptionlinkThe anchor, which is what takes focus.
ExamplesNameDescriptionPreviewThe first stop on the page, focused here so it shows: pressed, it lands on the content past the header.PreviewThe first stop on the page, focused here so it shows: pressed, it lands on the content past the header.Somewhere ElseContent that is not `#main`, and words that say where the link goes. Tab into the frame to reveal it.