Files
codeaashu-claude-code/web/components/a11y/SkipToContent.tsx
ashutoshpythoncs@gmail.com b564857c0b claude-code
2026-03-31 18:58:05 +05:30

19 lines
490 B
TypeScript

"use client";
export function SkipToContent() {
return (
<a
href="#main-content"
className={[
"sr-only focus:not-sr-only",
"focus:fixed focus:top-4 focus:left-4 focus:z-50",
"focus:px-4 focus:py-2 focus:rounded-md",
"focus:bg-brand-600 focus:text-white focus:font-medium focus:text-sm",
"focus:outline-none focus:ring-2 focus:ring-brand-300 focus:ring-offset-2",
].join(" ")}
>
Skip to main content
</a>
);
}