className and activeClassName props about gatsby-plugin-anchor-links

[brohlson]

Added to roadmap for v1.1.0
https://github.com/brohlson/gatsby-plugin-anchor-links/projects/1#card-32807929

As I mentioned in the other issue, if there is no offset, you technically won't notice anything happening because as of now, all the hashed links send browsers straight to the hashed section. I'm playing around with a stripHash prop that will optionally force scrolls from top to selector on every route change.

[brohlson]

activeClassName at the page level can be targeted with [aria-current]='page' like any gatsby-link - I don't have plans to make active hash detection a priority at the moment.

[bstrokevin]

Any update on className? Would like to use it on my site.

[brohlson]

Any update on className? Would like to use it on my site.

I haven't had much time in the past week to work on this. However, it should be pretty easy to target these with parent selectors:

<div class="foo">
    <AnchorLink ...props />
</div>

.foo a { color: blue; }

[brohlson]

classNames added in #3

[oidualc]

activeClassName at the page level can be targeted with [aria-current]='page' like any gatsby-link - I don't have plans to make active hash detection a priority at the moment.

How should it be used in this context?