Pagination Component about ct-material-kit-pro-react

[hbariki]

Hi Again,

I have included the styles as above but accidentally replaced paginationStyle.jsx with parallaxStyle.jsx code. Now its working. Thanks for the help.

[einazare]

Hello there, @hbariki ,

And thank you for your interest in working with our product.
We do have Pagination in our product as you can see in this page here: https://demos.creative-tim.com/material-kit-pro-react/#/components
In the content areas and the basic components (use the right dots).

Can you please provide me some more information?
The error log that you are getting, stuff like this.

Best,
Manu

[hbariki]

Thanks for the prompt reply. Sure,
.
Above is the screenshot of the error where I can see in my Pagination.jsx file.

[einazare]

Hello again, @hbariki ,

Can you please also send the code of the pagination?
I mean how to you try to render it?
It seems to me that you have the pages prop undefined.

Best,
Manu

[hbariki]

Hello,
Thanks for the response. I am just using pagination component as it is provided in the kit. Am I missing something because I have used the same for Buttons and card components.

[einazare]

Hello again, @hbariki ,

You are saying that you definitely have the pages prop defined where you render the Pagination?
Something like this:

    <Pagination
      pages={[
        { disabled: true, text: "Previous" },
        { text: 1 },
        { active: true, text: 2 },
        { text: 3 },
        { text: "Next" }
      ]}
    />

Best,
Manu

[hbariki]

Hi,
Thanks for the reply. I didn't pass the pages prop in the pagination where I render in my page. So got the above error. However, Just a one more quick question now I can render the pagination component. Now it looks like this

Just was wondering it displays me like the list items. How can I display the pagination like the above examples you have provided me.

[einazare]

Hello again, @hbariki ,

Have you included our styles inside your styles?
The styles for the Pagination component can be found here: https://demos.creative-tim.com/material-dashboard-pro-react/#/documentation/pagination

Best,
Manu