Skip to content
Theme UI
GitHub
Recipes / Gatsby Link

Gatsby Link

Add an active style to Gatsby Link or other React router link components.

Link
/** @jsx jsx */
import { jsx } from 'theme-ui'
import { Link } from 'gatsby'
export default props =>
<Link
{...props}
activeClassName='active'
sx={{
color: 'inherit',
'&.active': {
color: 'primary',
}
}}
/>
Edit the page on GitHub
Previous:
Recipes
Next:
Flexbox Layout