MKPagination
The MKPagination helps you to create a beautiful pagination list with its items.
The below codes are editable and you can modify them the way you want directly from your browser, please use the green button or the ctrl + s to save the changes.
Demo
// Material Kit 2 React Components
import MKPagination from "components/MKPagination";
// @mui material components
import Icon from "@mui/material/Icon";
Props Information
| Name | Type | Default | Description |
|---|---|---|---|
| item | bool | false | Turns the MKPagination into a list item. |
| variant | 'gradient''contained' | gradient | Change the MKPagination background color to gradient, you should only use it for the MKPagination that doesn't contain the item prop. |
| color | 'primary''secondary''info''success''warning''error''light''dark' | info | Change MKPagination background color, you should only use it for the MKPagination that doesn't contain the item prop. |
| size | 'small''medium''large' | medium | Change the MKPagination size, you should only use it for the MKPagination that doesn't contain the item prop. |
| active | bool | false | Marks the MKPagination as active, you should only use it for the MKPagination that has the item prop. |
| children* | node | Use to pass node or content inside the MKPagination, its the only required prop. |
Sizes
// Material Kit 2 React Components
import MKPagination from "components/MKPagination";
// @mui material components
import Icon from "@mui/material/Icon";
Variants
// Material Kit 2 React Components
import MKPagination from "components/MKPagination";
// @mui material components
import Icon from "@mui/material/Icon";