@mui/material/PaginationItem/paginationItemClasses.d.ts

Quickly build beautiful React apps. MUI is a simple and customizable component library to build faster, beautiful, and more accessible React applications. Follow your own design system, or start with Material Design.

export interface PaginationItemClasses {
    /** Styles applied to the root element. */
    root: string;
    /** Styles applied to the root element if `type="page"`. */
    page: string;
    /** Styles applied to the root element if `size="small"`. */
    sizeSmall: string;
    /** Styles applied to the root element if `size="large"`. */
    sizeLarge: string;
    /** Styles applied to the root element if `variant="text"`. */
    text: string;
    /** Styles applied to the root element if `variant="text"` and `color="primary"`. */
    textPrimary: string;
    /** Styles applied to the root element if `variant="text"` and `color="secondary"`. */
    textSecondary: string;
    /** Styles applied to the root element if `variant="outlined"`. */
    outlined: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="primary"`. */
    outlinedPrimary: string;
    /** Styles applied to the root element if `variant="outlined"` and `color="secondary"`. */
    outlinedSecondary: string;
    /** Styles applied to the root element if `rounded="true"`. */
    rounded: string;
    /** Styles applied to the root element if `type="start-ellipsis"` or `type="end-ellipsis"`. */
    ellipsis: string;
    /** Styles applyed to the root element if `type="first"` or type="last". */
    firstLast: string;
    /** Styles applyed to the root element if `type="previous"` or type="next". */
    previousNext: string;
    /** State class applied to the root element if keyboard focused. */
    focusVisible: string;
    /** State class applied to the root element if `disabled={true}`. */
    disabled: string;
    /** State class applied to the root element if `selected={true}`. */
    selected: string;
    /** Styles applied to the icon to display. */
    icon: string;
}
export declare type PaginationItemClassKey = keyof PaginationItemClasses;
export declare function getPaginationItemUtilityClass(slot: string): string;
declare const paginationItemClasses: PaginationItemClasses;
export default paginationItemClasses;