Skip Link

import { SkipLink } from "@/components/ui/skip-link";

export default function Example() {
  return <SkipLink />;
}

import { forwardRef } from "react";
import { cn } from "@/lib/utils";

const SkipLink = forwardRef(({ className, ...props }, ref) => (
  <a ref={ref}
    className={cn("sr-only focus:not-sr-only focus:fixed focus:left-4 focus:top-4 focus:z-50 focus:rounded-md focus:border focus:bg-background focus:px-4 focus:py-2 focus:text-sm focus:font-medium focus:shadow-lg", className)}
    {...props}
  />
));
SkipLink.displayName = "SkipLink";

export { SkipLink };