mdc-react/src/list/constants.js

Material Components for the web implemented in React

export const listCssClasses = {
    ROOT: 'mdc-list'
};

export const listItemCssClasses = {
    ROOT: 'mdc-list-item',
    ACTIVATED: 'mdc-list-item--activated',
    SELECTED: 'mdc-list-item--selected',
    DISABLED: 'mdc-list-item--disabled',
    NON_INTERACTIVE: 'mdc-list-item--non-interactive',

    ONE_LINE: 'mdc-list-item--with-one-line',
    TWO_LINES: 'mdc-list-item--with-two-lines',
    THREE_LINES: 'mdc-list-item--with-three-lines',
    OVERLINE: 'mdc-list-item--with-overline',
    LEADING_ICON: 'mdc-list-item--with-leading-icon',
    LEADING_IMAGE: 'mdc-list-item--with-leading-image',
    LEADING_AVATAR: 'mdc-list-item--with-leading-avatar',
    LEADING_THUMBNAIL: 'mdc-list-item--with-leading-thumbnail',
    LEADING_VIDEO: 'mdc-list-item--with-leading-video',
    LEADING_CHECKBOX: 'mdc-list-item--with-leading-checkbox',
    LEADING_RADIO: 'mdc-list-item--with-leading-radio',
    LEADING_SWITCH: 'mdc-list-item--with-leading-switch',
    TRAILING_ICON: 'mdc-list-item--with-trailing-icon',
    TRAILING_META: 'mdc-list-item--with-trailing-meta',
    TRAILING_CHECKBOX: 'mdc-list-item--with-trailing-checkbox',
    TRAILING_RADIO: 'mdc-list-item--with-trailing-radio',
    TRAILING_SWITCH: 'mdc-list-item--with-trailing-switch',

    START: 'mdc-list-item__start',
    CONTENT: 'mdc-list-item__content',
    END: 'mdc-list-item__end',

    OVERLINE_TEXT: 'mdc-list-item__overline-text',
    PRIMARY_TEXT: 'mdc-list-item__primary-text',
    SECONDARY_TEXT: 'mdc-list-item__secondary-text',

    RIPPLE: 'mdc-list-item__ripple'
};

export const listGroupCssClasses = {
    ROOT: 'mdc-list-group',
    SUBHEADER: 'mdc-list-group__subheader'
};

export const listDividerCssClasses = {
    ROOT: 'mdc-list-divider',
    LEADING_TEXT: 'mdc-list-divider--with-leading-text',
    LEADING_ICON: 'mdc-list-divider--with-leading-icon',
    LEADING_IMAGE: 'mdc-list-divider--with-leading-image',
    LEADING_VIDEO: 'mdc-list-divider--with-leading-video',
    LEADING_THUMBNAIL: 'mdc-list-divider--with-leading-thumbnail',
    LEADING_AVATAR: 'mdc-list-divider--with-leading-avatar',
    LEADING_CHECKBOX: 'mdc-list-divider--with-leading-checkbox',
    LEADING_SWITCH: 'mdc-list-divider--with-leading-switch',
    LEADING_RADIO: 'mdc-list-divider--with-leading-radio',
};