gatsby link example

Example 1: gatsby link active

<Link to="/"  activeClassName="link__active" />

<style>
.link__active {
      color: #b100c2;
    }
</style>

Example 2: how to pass props in gatsby link using styledcomponent

import { Link } from 'gatsby';

const StyledLink = styled(props => <Link {...props} />)`
  color: aqua;
`;

// ...

<StyledLink to="/">
  Gatsby
</StyledLink>