mdc-react/src/menu/constants.js

Material Components for the web implemented in React

export const numbers = {
    TRANSITION_OPEN_DURATION: 120,
    TRANSITION_CLOSE_DURATION: 75,
    MARGIN_TO_EDGE: 32,
    ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,
    TOUCH_EVENT_WAIT_MS: 30
};

export const cssClasses = {
    ROOT: 'mdc-menu',

    SURFACE: 'mdc-menu-surface',
    SURFACE_ANCHOR: 'mdc-menu-surface--anchor',
    SURFACE_FIXED: 'mdc-menu-surface--fixed',
    SURFACE_OPEN: 'mdc-menu-surface--open',
    SURFACE_ANIMATING_OPEN: 'mdc-menu-surface--animating-open',
    SURFACE_ANIMATING_CLOSED: 'mdc-menu-surface--animating-closed',
    SURFACE_BELOW_ANCHOR: 'mdc-menu-surface--is-open-below',

    ITEM: 'mdc-menu-item',
    ITEM_SELECTED: 'mdc-menu-item--selected',

    SELECTION_GROUP: 'mdc-menu__selection-group',
    SELECTION_GROUP_ICON: 'mdc-menu__selection-group-icon'
};

export const Origin = {
    TOP_LEFT: 'top left',
    TOP_CENTER: 'top center',
    TOP_RIGHT: 'top right',
    CENTER_LEFT: 'center left',
    CENTER: 'center center',
    CENTER_RIGHT: 'center right',
    BOTTOM_LEFT: 'bottom left',
    BOTTOM_CENTER: 'bottom center',
    BOTTOM_RIGHT: 'bottom right'
};