mdc-react/src/text-field/constants.js

Material Components for the web implemented in React

export const cssClasses = {
    ROOT: 'mdc-text-field',
    FILLED: 'mdc-text-field--filled',
    OUTLINED: 'mdc-text-field--outlined',
    TEXTAREA: 'mdc-text-field--textarea',
    DISABLED: 'mdc-text-field--disabled',
    FOCUSED: 'mdc-text-field--focused',
    INVALID: 'mdc-text-field--invalid',
    LABEL_FLOATING: 'mdc-text-field--label-floating',
    NO_LABEL: 'mdc-text-field--no-label',
    END_ALIGNED: 'mdc-text-field--end-aligned',
    WITH_LEADING_ICON: 'mdc-text-field--with-leading-icon',
    WITH_TRAILING_ICON: 'mdc-text-field--with-trailing-icon',
    WITH_INTERNAL_COUNTER: 'mdc-text-field--with-internal-counter',

    ICON: 'mdc-text-field__icon',
    ICON_LEADING: 'mdc-text-field__icon--leading',
    ICON_TRAILING: 'mdc-text-field__icon--trailing',

    INPUT: 'mdc-text-field__input',

    AFFIX: 'mdc-text-field__affix',
    AFFIX_PREFIX: 'mdc-text-field__affix--prefix',
    AFFIX_SUFFIX: 'mdc-text-field__affix--suffix',

    RESIZER: 'mdc-text-field__resizer',

    RIPPLE: 'mdc-text-field__ripple',

    HELPER_LINE: 'mdc-text-field-helper-line',
    HELPER_TEXT: 'mdc-text-field-helper-text',
    HELPER_TEXT_PERSISTENT: 'mdc-text-field-helper-text--persistent',
    HELPER_TEXT_VALIDATION: 'mdc-text-field-helper-text--validation-msg',

    CHARACTER_COUNTER: 'mdc-text-field-character-counter',
};