mdc-react/src/top-app-bar/constants.js

Material Components for the web implemented in React

export const numbers = {
    DEBOUNCE_THROTTLE_RESIZE_TIME_MS: 100,
    MAX_TOP_APP_BAR_HEIGHT: 128
};

export const cssClasses = {
    ROOT: 'mdc-top-app-bar',
    FIXED: 'mdc-top-app-bar--fixed',
    FIXED_SCROLLED: 'mdc-top-app-bar--fixed-scrolled',
    FIXED_ADJUST: 'mdc-top-app-bar--fixed-adjust',
    PROMINENT: 'mdc-top-app-bar--prominent',
    PROMINENT_FIXED_ADJUST: 'mdc-top-app-bar--prominent-fixed-adjust',
    DENSE: 'mdc-top-app-bar--dense',
    DENSE_FIXED_ADJUST: 'mdc-top-app-bar--dense-fixed-adjust',
    DENSE_PROMINENT_FIXED_ADJUST: 'mdc-top-app-bar--dense-prominent-fixed-adjust',
    SHORT: 'mdc-top-app-bar--short',
    SHORT_COLLAPSED: 'mdc-top-app-bar--short-collapsed',
    SHORT_FIXED_ADJUST: 'mdc-top-app-bar--short-fixed-adjust',
    STICKY: 'mdc-top-app-bar--sticky',
    STICKY_HIDDEN: 'mdc-top-app-bar--sticky-hidden',
    STICKY_SHOWN: 'mdc-top-app-bar--sticky-shown',
    RAISED: 'mdc-top-app-bar--raised',

    ROW: 'mdc-top-app-bar__row',

    SECTION: 'mdc-top-app-bar__section',
    SECTION_ALIGN_START: 'mdc-top-app-bar__section--align-start',
    SECTION_ALIGN_CENTER: 'mdc-top-app-bar__section--align-center',
    SECTION_ALIGN_END: 'mdc-top-app-bar__section--align-end',

    NAVIGATION_ICON: 'mdc-top-app-bar__navigation-icon',

    ACTION_ITEM: 'mdc-top-app-bar__action-item',

    TITLE: 'mdc-top-app-bar__title'
};

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