@mui/material/Autocomplete/autocompleteClasses.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 AutocompleteClasses {
    /** Styles applied to the root element. */
    root: string;
    /** Styles applied to the root element if `fullWidth={true}`. */
    fullWidth: string;
    /** State class applied to the root element if focused. */
    focused: string;
    /** Styles applied to the tag elements, e.g. the chips. */
    tag: string;
    /** Styles applied to the tag elements, e.g. the chips if `size="small"`. */
    tagSizeSmall: string;
    /** Styles applied to the tag elements, e.g. the chips if `size="medium"`. */
    tagSizeMedium: string;
    /** Styles applied when the popup icon is rendered. */
    hasPopupIcon: string;
    /** Styles applied when the clear icon is rendered. */
    hasClearIcon: string;
    /** Styles applied to the Input element. */
    inputRoot: string;
    /** Styles applied to the input element. */
    input: string;
    /** Styles applied to the input element if tag focused. */
    inputFocused: string;
    /** Styles applied to the endAdornment element. */
    endAdornment: string;
    /** Styles applied to the clear indicator. */
    clearIndicator: string;
    /** Styles applied to the popup indicator. */
    popupIndicator: string;
    /** Styles applied to the popup indicator if the popup is open. */
    popupIndicatorOpen: string;
    /** Styles applied to the popper element. */
    popper: string;
    /** Styles applied to the popper element if `disablePortal={true}`. */
    popperDisablePortal: string;
    /** Styles applied to the Paper component. */
    paper: string;
    /** Styles applied to the listbox component. */
    listbox: string;
    /** Styles applied to the loading wrapper. */
    loading: string;
    /** Styles applied to the no option wrapper. */
    noOptions: string;
    /** Styles applied to the option elements. */
    option: string;
    /** Styles applied to the group's label elements. */
    groupLabel: string;
    /** Styles applied to the group's ul elements. */
    groupUl: string;
}
export declare type AutocompleteClassKey = keyof AutocompleteClasses;
export declare function getAutocompleteUtilityClass(slot: string): string;
declare const autocompleteClasses: AutocompleteClasses;
export default autocompleteClasses;