mdc-react/src/slider/constants.js

Material Components for the web implemented in React

export const numbers = {
    THUMB_WIDTH: 48
};

export const cssClasses = {
    ROOT: 'mdc-slider',
    RANGE: 'mdc-slider--range',
    DISCRETE: 'mdc-slider--discrete',
    DISABLED: 'mdc-slider--disabled',

    INPUT: 'mdc-slider__input',

    TRACK: 'mdc-slider__track',
    TRACK_INACTIVE: 'mdc-slider__track--inactive',
    TRACK_ACTIVE: 'mdc-slider__track--active',
    TRACK_ACTIVE_FILL: 'mdc-slider__track--active_fill',

    TICK_MARKS: 'mdc-slider__tick-marks',
    TICK_MARK_ACTIVE: 'mdc-slider__tick-mark--active',
    TICK_MARK_INACTIVE: 'mdc-slider__tick-mark--inactive',

    THUMB: 'mdc-slider__thumb',
    THUMB_TOP: 'mdc-slider__thumb--top',
    THUMB_FOCUSED: 'mdc-slider__thumb--focused',
    THUMB_WITH_INDICATOR: 'mdc-slider__thumb--with-indicator',
    THUMB_KNOB: 'mdc-slider__thumb-knob',

    VALUE_INDICATOR_CONTAINER: 'mdc-slider__value-indicator-container',
    VALUE_INDICATOR: 'mdc-slider__value-indicator',
    VALUE_INDICATOR_TEXT: 'mdc-slider__value-indicator-text'
};