{ "props": { "classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } }, "color": { "type": { "name": "union", "description": "'primary'
| 'secondary'
| 'standard'
| string" }, "default": "'standard'" }, "component": { "type": { "name": "elementType" } }, "components": { "type": { "name": "shape", "description": "{ first?: elementType, last?: elementType, next?: elementType, previous?: elementType }" }, "default": "{}", "deprecated": true, "deprecationInfo": "use the slots prop instead. This prop will be removed in a future major release. See Migrating from deprecated APIs for more details." }, "disabled": { "type": { "name": "bool" }, "default": "false" }, "page": { "type": { "name": "node" } }, "selected": { "type": { "name": "bool" }, "default": "false" }, "shape": { "type": { "name": "enum", "description": "'circular'
| 'rounded'" }, "default": "'circular'" }, "size": { "type": { "name": "union", "description": "'small'
| 'medium'
| 'large'
| string" }, "default": "'medium'" }, "slotProps": { "type": { "name": "shape", "description": "{ first?: func
| object, last?: func
| object, next?: func
| object, previous?: func
| object }" }, "default": "{}" }, "slots": { "type": { "name": "shape", "description": "{ first?: elementType, last?: elementType, next?: elementType, previous?: elementType }" }, "default": "{}" }, "sx": { "type": { "name": "union", "description": "Array<func
| object
| bool>
| func
| object" }, "additionalInfo": { "sx": true } }, "type": { "type": { "name": "enum", "description": "'end-ellipsis'
| 'first'
| 'last'
| 'next'
| 'page'
| 'previous'
| 'start-ellipsis'" }, "default": "'page'" }, "variant": { "type": { "name": "union", "description": "'outlined'
| 'text'
| string" }, "default": "'text'" } }, "name": "PaginationItem", "imports": [ "import PaginationItem from '@mui/material/PaginationItem';", "import { PaginationItem } from '@mui/material';" ], "slots": [ { "name": "first", "description": "The component that renders the first page slot.", "default": "FirstPageIcon", "class": null }, { "name": "last", "description": "The component that renders the last page slot.", "default": "LastPageIcon", "class": null }, { "name": "next", "description": "The component that renders the next page slot.", "default": "NavigateNextIcon", "class": null }, { "name": "previous", "description": "The component that renders the previous page slot.", "default": "NavigateBeforeIcon", "class": null } ], "classes": [ { "key": "colorPrimary", "className": "MuiPaginationItem-colorPrimary", "description": "Styles applied to the root element if `color=\"primary\"`.", "isGlobal": false }, { "key": "colorSecondary", "className": "MuiPaginationItem-colorSecondary", "description": "Styles applied to the root element if `color=\"secondary\"`.", "isGlobal": false }, { "key": "disabled", "className": "Mui-disabled", "description": "State class applied to the root element if `disabled={true}`.", "isGlobal": true }, { "key": "ellipsis", "className": "MuiPaginationItem-ellipsis", "description": "Styles applied to the root element if `type=\"start-ellipsis\"` or `type=\"end-ellipsis\"`.", "isGlobal": false }, { "key": "firstLast", "className": "MuiPaginationItem-firstLast", "description": "Styles applied to the root element if `type=\"first\"` or type=\"last\".", "isGlobal": false }, { "key": "focusVisible", "className": "Mui-focusVisible", "description": "State class applied to the root element if keyboard focused.", "isGlobal": true }, { "key": "icon", "className": "MuiPaginationItem-icon", "description": "Styles applied to the icon to display.", "isGlobal": false }, { "key": "outlined", "className": "MuiPaginationItem-outlined", "description": "Styles applied to the root element if `variant=\"outlined\"`.", "isGlobal": false }, { "key": "outlinedPrimary", "className": "MuiPaginationItem-outlinedPrimary", "description": "Styles applied to the root element if `variant=\"outlined\"` and `color=\"primary\"`.", "isGlobal": false, "isDeprecated": true }, { "key": "outlinedSecondary", "className": "MuiPaginationItem-outlinedSecondary", "description": "Styles applied to the root element if `variant=\"outlined\"` and `color=\"secondary\"`.", "isGlobal": false, "isDeprecated": true }, { "key": "page", "className": "MuiPaginationItem-page", "description": "Styles applied to the root element if `type=\"page\"`.", "isGlobal": false }, { "key": "previousNext", "className": "MuiPaginationItem-previousNext", "description": "Styles applied to the root element if `type=\"previous\"` or type=\"next\".", "isGlobal": false }, { "key": "root", "className": "MuiPaginationItem-root", "description": "Styles applied to the root element.", "isGlobal": false }, { "key": "rounded", "className": "MuiPaginationItem-rounded", "description": "Styles applied to the root element if `rounded=\"true\"`.", "isGlobal": false }, { "key": "selected", "className": "Mui-selected", "description": "State class applied to the root element if `selected={true}`.", "isGlobal": true }, { "key": "sizeLarge", "className": "MuiPaginationItem-sizeLarge", "description": "Styles applied to the root element if `size=\"large\"`.", "isGlobal": false }, { "key": "sizeSmall", "className": "MuiPaginationItem-sizeSmall", "description": "Styles applied to the root element if `size=\"small\"`.", "isGlobal": false }, { "key": "text", "className": "MuiPaginationItem-text", "description": "Styles applied to the root element if `variant=\"text\"`.", "isGlobal": false }, { "key": "textPrimary", "className": "MuiPaginationItem-textPrimary", "description": "Styles applied to the root element if `variant=\"text\"` and `color=\"primary\"`.", "isGlobal": false, "isDeprecated": true }, { "key": "textSecondary", "className": "MuiPaginationItem-textSecondary", "description": "Styles applied to the root element if `variant=\"text\"` and `color=\"secondary\"`.", "isGlobal": false, "isDeprecated": true } ], "spread": true, "themeDefaultProps": true, "muiName": "MuiPaginationItem", "forwardsRefTo": "HTMLButtonElement", "filename": "/packages/mui-material/src/PaginationItem/PaginationItem.js", "inheritance": { "component": "ButtonBase", "pathname": "/material-ui/api/button-base/" }, "demos": "", "cssComponent": false }