page[Link]ClassName shoud not be applied on the active link

[vincentwinkel]

The properties page[Link]ClassName should be used only for the "default" links.
The properties active[Link]ClassName only should be used for the "active" link.

My following config doesn't work with Tailwind, causing some conficts on the active link:

        pageLinkClassName="btn btn-gray !rounded-none"
        activeLinkClassName="btn-primary"

Result:

<a rel="canonical" role="button" class="btn btn-gray !rounded-none btn-primary" tabindex="-1" aria-label="Page 1 is your current page" aria-current="page">1</a>

[Noothan-am]

hi @vincentwinkel , I wanted to contribute to this issue can you give me some more information?

[vincentwinkel]

Which kind of info do you need?

pageLinkClassName="page-link"
activeLinkClassName="active-link"

should render on the active link:

<a ... class="active-link">1</a>

instead of:

<a ... class="page-link active-link">1</a>

(if wewant both class, then wecan set activeLinkClassName="page-link active-link")

If page-link is defined after active-link in the css, then it overrides it,as shown here (we don't see the red link):