@mui/material/ListItem/listItemClasses.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 ListItemClasses {
    /** Styles applied to the (normally root) `component` element. May be wrapped by a `container`. */
    root: string;
    /** Styles applied to the container element if `children` includes `ListItemSecondaryAction`. */
    container: string;
    /** State class applied to the `component`'s `focusVisibleClassName` prop if `button={true}`. */
    focusVisible: string;
    /** Styles applied to the component element if dense. */
    dense: string;
    /** Styles applied to the component element if `alignItems="flex-start"`. */
    alignItemsFlexStart: string;
    /** State class applied to the inner `component` element if `disabled={true}`. */
    disabled: string;
    /** Styles applied to the inner `component` element if `divider={true}`. */
    divider: string;
    /** Styles applied to the inner `component` element unless `disableGutters={true}`. */
    gutters: string;
    /** Styles applied to the root element unless `disablePadding={true}`. */
    padding: string;
    /** Styles applied to the inner `component` element if `button={true}`. */
    button: string;
    /** Styles applied to the component element if `children` includes `ListItemSecondaryAction`. */
    secondaryAction: string;
    /** State class applied to the root element if `selected={true}`. */
    selected: string;
}
export declare type ListItemClassKey = keyof ListItemClasses;
export declare function getListItemUtilityClass(slot: string): string;
declare const listItemClasses: ListItemClasses;
export default listItemClasses;