February 6, 2020
In Gatsby, you using the <Link>
component to create links to other pages on your Gatsby site.
It's fairly common to highlight the currently active page in a site navigation bar, to show a visitor where in the navigation they are. Gatsby's <Link>
component provides a built-in way to style a link that points to the current page.
<Link
to="/about/"
activeStyle={{
color: "blue",
fontWeight: 700
}}
>
About
</Link>
<Link
to="/about/"
activeClassName="active"
>
About
</Link>
Tufts Meal Plan Wrapped
Mar 2, 2024
Building an e-ink picture frame that displays an iCloud photo album
Jan 9, 2024
2023 in review
Jan 5, 2024
Subscribe to my newsletter for a monthly round-up of new blog posts and projects Iām working on!