Skip to Content

The SkipToContent component is an accessibility feature that allows keyboard users to bypass keying through the primary navigation and be taken directly to the main content. It is positioned in the upper left corner of the screen and hidden unless it has focus.

This component does not accept any overrides; it is an anchor element that is included in the app's primary layout.tsx.

import { SkipToContent } from '@hv/ui/skip-to-content';

<SkipToContent>Skip to content</SkipToContent>

Customization

To customize the appearance or position, modify the source file directly in the UI library package.