Jack Maclennan Portfolio
    Preparing search index...

    Function SiteLinks

    • Links for site navigation.

                <SiteLinks className="flex items-center gap-6" />
                <ThemeSelect />
                <SocialIcons />
              </span>
              <span className="flex items-center gap-4 md:hidden" data-testid="mobile-components">

      Parameters

      • props: { className?: string; onClick?: () => void }

        The component accepts className as props.

        • OptionalclassName?: string

          Optional prop for styling the wrapper.

        • OptionalonClick?: () => void

          Optional prop to handle click on links.

      Returns Element

      The rendered SiteLinks component.

      export default function SiteLinks({ className, onClick }: { className?: string; onClick?: () => void }) {
        return (
          <span className={clsx(className)} data-testid="site-links">
            <Link
              className="font-bold text-slate-300"
              href="/projects"
              onClick={onClick}
              tabIndex={0}
              role="link"
              aria-label="projects"
              data-testid="projects"
            >
              Projects
            </Link>
            <Link
              className="font-bold text-slate-300"
              href="/experience"
              onClick={onClick}
              tabIndex={0}
              role="link"
              aria-label="experience"
              data-testid="experience"
            >
              Experience
            </Link>
            <Link className="font-bold text-slate-300" href="/about-me" onClick={onClick} tabIndex={0} data-testid="about-me">
              About Me
            </Link>
            <Link
              className="font-bold text-slate-300"
              href="https://maclenjack.github.io/jack-maclennan-portfolio-docs/"
              target="_blank"
              rel="noreferrer"
              tabIndex={0}
              role="link"
              aria-label="docs"
              data-testid="docs"
            >
              Docs
            </Link>
          </span>
        );
      }

    Settings

    Member Visibility

    On This Page

    Example