mdc-react/src/tabs/constants.js

Material Components for the web implemented in React

export const tabClassNames = {
    ROOT: 'mdc-tab',
    ACTIVE: 'mdc-tab--active',
    STACKED: 'mdc-tab--stacked',
    MIN_WIDTH: 'mdc-tab--min-width',

    CONTENT: 'mdc-tab__content',
    ICON: 'mdc-tab__icon',
    LABEL: 'mdc-tab__text-label',
    RIPPLE: 'mdc-tab__ripple'
};

export const barCssClasses = {
    ROOT: 'mdc-tab-bar'
};

export const scrollerCssClasses = {
    ROOT: 'mdc-tab-scroller',
    ALIGN: 'mdc-tab-scroller--align',
    ANIMATING: 'mdc-tab-scroller--animating',

    SCROLL_AREA: 'mdc-tab-scroller__scroll-area',
    SCROLL_AREA_SCROLL: 'mdc-tab-scroller__scroll-area--scroll',
    SCROLL_CONTENT: 'mdc-tab-scroller__scroll-content'
};

export const indicatorCssClasses = {
    ROOT: 'mdc-tab-indicator',
    ACTIVE: 'mdc-tab-indicator--active',
    FADE: 'mdc-tab-indicator--fade',
    NO_TRANSITION: 'mdc-tab-indicator--no-transition',

    CONTENT: 'mdc-tab-indicator__content',
    CONTENT_ICON: 'mdc-tab-indicator__content--icon material-icons',
    CONTENT_UNDERLINE: 'mdc-tab-indicator__content--underline'
};

export const Align = {
    START: 'start',
    CENTER: 'center',
    END: 'end'
};