mdc-react/src/select/constants.js

Material Components for the web implemented in React

export const cssClasses = {
    ROOT: 'mdc-select',
    FILLED: 'mdc-select--filled',
    OUTLINED: 'mdc-select--outlined',
    ACTIVATED: 'mdc-select--activated',
    DISABLED: 'mdc-select--disabled',
    FOCUSED: 'mdc-select--focused',
    REQUIRED: 'mdc-select--required',
    INVALID: 'mdc-select--invalid',
    NO_LABEL: 'mdc-select--no-label',
    WITH_LEADING_ICON: 'mdc-select--with-leading-icon',

    ANCHOR: 'mdc-select__anchor',

    DROPDOWN_ICON: 'mdc-select__dropdown-icon',
    DROPDOWN_ICON_GRAPHIC: 'mdc-select__dropdown-icon-graphic',
    DROPDOWN_ICON_INACTIVE: 'mdc-select__dropdown-icon-inactive',
    DROPDOWN_ICON_ACTIVE: 'mdc-select__dropdown-icon-active',

    ICON: 'mdc-select__icon',

    MENU: 'mdc-select__menu',
    MENU_INVALID: 'mdc-select__menu--invalid',

    RIPPLE: 'mdc-select__ripple',

    SELECTED_TEXT: 'mdc-select__selected-text',
    SELECTED_TEXT_CONTAINER: 'mdc-select__selected-text-container',

    HELPER_TEXT: 'mdc-select-helper-text',
    VALIDATION_MESSAGE: 'mdc-select-helper-text--validation-msg',
    VALIDATION_MESSAGE_PERSISTENT: 'mdc-select-helper-text--validation-msg-persistent'
};

export const optionCssClasses = {
    ROOT: 'mdc-select__option',
    ONE_LINE: 'mdc-select__one-line-option',
    TWO_LINE: 'mdc-select__two-line-option',
    WITH_LEADING_CONTENT: 'mdc-select__option-with-leading-content',
    WITH_META: 'mdc-select__option-with-meta',
};