Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Cannot set both active and inactive classes #113

Open
J4C0814N opened this issue Sep 22, 2020 · 0 comments
Open

Cannot set both active and inactive classes #113

J4C0814N opened this issue Sep 22, 2020 · 0 comments

Comments

@J4C0814N
Copy link

J4C0814N commented Sep 22, 2020

It doesn't look like it is possible to set both the inactive and active link classes.

For example, trying to set the active link to green with all other links red:

          <Pagination
            activePage={1}
            itemsCountPerPage={1}
            totalItemsCount={10}
            pageRangeDisplayed={5}
            onChange={(e) => selectPage(e)}
            itemClass="page-item"
            linkClass="page-link bg-danger"
            activeLinkClass="bg-success"
          />

Sets all to red, including the active. Looks like linkClass also gets applied to the active link and overrides:

<li class="page-item active"><a class="page-link bg-danger bg-success" href="#" aria-label="Go to page number 1">1</a></li>

@J4C0814N J4C0814N changed the title Cannot set both activa and inactive classes Cannot set both active and inactive classes Sep 22, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant