Skip Nav

A "Skip to content" link, visually hidden until focused, that jumps to a target anchor.

Preview

Attribute	Type	Default	Description
`href`	string	#main	Target anchor for the skip link
`label`	string	Skip to content	Link text (i18n)

pura is copy-paste and dependency-free. Load the whole library, or just this component.

HTML

<link rel="stylesheet" href="/pura/tokens.css">
<script type="module" src="/pura/lib/skip-nav.js"></script>

JavaScript

import "./pura/lib/skip-nav.js";