109 lines
3.7 KiB
JSON
109 lines
3.7 KiB
JSON
|
|
{
|
||
|
|
"props": {
|
||
|
|
"boundaryCount": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
|
||
|
|
"classes": { "type": { "name": "object" }, "additionalInfo": { "cssApi": true } },
|
||
|
|
"color": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'primary'<br>| 'secondary'<br>| 'standard'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "'standard'"
|
||
|
|
},
|
||
|
|
"count": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
|
||
|
|
"defaultPage": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
|
||
|
|
"disabled": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"getItemAriaLabel": {
|
||
|
|
"type": { "name": "func" },
|
||
|
|
"signature": {
|
||
|
|
"type": "function(type: string, page: number | null, selected: boolean) => string",
|
||
|
|
"describedArgs": ["type", "page", "selected"]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"hideNextButton": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"hidePrevButton": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"onChange": {
|
||
|
|
"type": { "name": "func" },
|
||
|
|
"signature": {
|
||
|
|
"type": "function(event: React.ChangeEvent<unknown>, page: number) => void",
|
||
|
|
"describedArgs": ["event", "page"]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"page": { "type": { "name": "custom", "description": "integer" } },
|
||
|
|
"renderItem": {
|
||
|
|
"type": { "name": "func" },
|
||
|
|
"default": "(item) => <PaginationItem {...item} />",
|
||
|
|
"signature": {
|
||
|
|
"type": "function(params: PaginationRenderItemParams) => ReactNode",
|
||
|
|
"describedArgs": ["params"]
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"shape": {
|
||
|
|
"type": { "name": "enum", "description": "'circular'<br>| 'rounded'" },
|
||
|
|
"default": "'circular'"
|
||
|
|
},
|
||
|
|
"showFirstButton": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"showLastButton": { "type": { "name": "bool" }, "default": "false" },
|
||
|
|
"siblingCount": { "type": { "name": "custom", "description": "integer" }, "default": "1" },
|
||
|
|
"size": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'small'<br>| 'medium'<br>| 'large'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "'medium'"
|
||
|
|
},
|
||
|
|
"sx": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "Array<func<br>| object<br>| bool><br>| func<br>| object"
|
||
|
|
},
|
||
|
|
"additionalInfo": { "sx": true }
|
||
|
|
},
|
||
|
|
"variant": {
|
||
|
|
"type": {
|
||
|
|
"name": "union",
|
||
|
|
"description": "'outlined'<br>| 'text'<br>| string"
|
||
|
|
},
|
||
|
|
"default": "'text'"
|
||
|
|
}
|
||
|
|
},
|
||
|
|
"name": "Pagination",
|
||
|
|
"imports": [
|
||
|
|
"import Pagination from '@mui/material/Pagination';",
|
||
|
|
"import { Pagination } from '@mui/material';"
|
||
|
|
],
|
||
|
|
"classes": [
|
||
|
|
{
|
||
|
|
"key": "outlined",
|
||
|
|
"className": "MuiPagination-outlined",
|
||
|
|
"description": "Styles applied to the root element if `variant=\"outlined\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "root",
|
||
|
|
"className": "MuiPagination-root",
|
||
|
|
"description": "Styles applied to the root element.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "text",
|
||
|
|
"className": "MuiPagination-text",
|
||
|
|
"description": "Styles applied to the root element if `variant=\"text\"`.",
|
||
|
|
"isGlobal": false
|
||
|
|
},
|
||
|
|
{
|
||
|
|
"key": "ul",
|
||
|
|
"className": "MuiPagination-ul",
|
||
|
|
"description": "Styles applied to the ul element.",
|
||
|
|
"isGlobal": false
|
||
|
|
}
|
||
|
|
],
|
||
|
|
"spread": true,
|
||
|
|
"themeDefaultProps": true,
|
||
|
|
"muiName": "MuiPagination",
|
||
|
|
"forwardsRefTo": "HTMLElement",
|
||
|
|
"filename": "/packages/mui-material/src/Pagination/Pagination.js",
|
||
|
|
"inheritance": null,
|
||
|
|
"demos": "<ul><li><a href=\"/material-ui/react-pagination/\">Pagination</a></li></ul>",
|
||
|
|
"cssComponent": false
|
||
|
|
}
|