SkipNavigation

SkipNavigation

import SkipNavigation from "@kiwicom/orbit-components/lib/SkipNavigation";
<SkipNavigation />
<Heading dataA11ySection="section-id-to-scrape">

Props

NameTypeDefaultDescription
feedbackUrlstringUrl to a feedback form.
feedbackLabelReact.NodeSend feedbackText for a feedback form.
actionsActions[]An array specifying common actions on a page
dataTeststringOptional prop for testing purposes
firstSectionLabelReact.NodeJump to sectionLabel for a first section link.
firstActionLabelReact.NodeJump to actionLabel for a first action link.

actions

NameTypeDescription
namestringName of a action.
linkstringA href for linking to another page.
onClick() => void \| PromiseCallback for handling action.

Functional specs

  • SkipNavigation onFocus scrapes the webpage looking for custom attribute dataA11ySection to create quick page links. You can extend <Heading> and <CardHeader> to contain dataA11ySection. It’s important to note that without these attributes on a page, SkipNavigation won’t work.

Rationale