mdc-react/src/card/constants.js

Material Components for the web implemented in React

export const cssClasses = {
    ROOT: 'mdc-card',
    OUTLINED: 'mdc-card--outlined',

    TITLE: 'mdc-card__title',
    SUBTITLE: 'mdc-card__subtitle',
    OVERLINE: 'mdc-card__overline',

    ACTIONS: 'mdc-card__actions',
    ACTIONS_FULL_BLEED: 'mdc-card__actions--full-bleed',

    ACTION_BUTTONS: 'mdc-card__action-buttons',
    ACTION_ICONS: 'mdc-card__action-icons',

    ACTION: 'mdc-card__action',
    ACTION_BUTTON: 'mdc-card__action--button',
    ACTION_ICON: 'mdc-card__action--icon',

    CONTENT: 'mdc-card__content',

    HEADER: 'mdc-card__header',
    HEADER_GRAPHIC: 'mdc-card__header__graphic',
    HEADER_CONTENT: 'mdc-card__header__content',
    HEADER_ACTIONS: 'mdc-card__header__actions',

    MEDIA: 'mdc-card__media',
    MEDIA_SQUARE: 'mdc-card__media--square',
    MEDIA_WIDE: 'mdc-card__media--16-9',
    MEDIA_CONTENT: 'mdc-card__media-content',

    PRIMARY_ACTION: 'mdc-card__primary-action',

    SECTION: 'mdc-card__section',
    SECTION_PRIMARY: 'mdc-card__section--primary',
    SECTION_SECONDARY: 'mdc-card__section--secondary',

    RIPPLE: 'mdc-card__ripple'
};