SkipLink

go previousgo next

Accessible skip link to the main content of the page. useful for users who use keyboard navigation.

You can try this component by navigating to our website using keyboard navigation. the first component after hitting tab is the skip link which help skip to the main content of the page.

Installation

pnpm dlx shadcn@latest add https://mhl5.vercel.app/r/SkipLink.json

Usage

import SkipLink from "@/components/SkipLink";


<SkipLink href="#main-content">Skip to main content</SkipLink>