Something weird going on - slider with marks

[tanaylakhani]

For some reason slider track line is stuck at 100, and can not go above 100. Also, dots get pushed out if I use min. If I use min={0} or no min at all, less spacing between marks.

with no min:

const marks = {
  '50': '50$',
  '75': '75$',
  '100': '100$',
  '150': '150$',
  '200': {
    style: {
      color: 'green',
    },
    label: <strong>200$</strong>,
  },
};

<Slider
    min={[50]}
    marks={marks}
    step={null}
    onChange={log}
    onChangeComplete={onChangeComplete}
    defaultValue={[100]}
  />

[tanaylakhani]

Alright - nevermind, figured out that max if not specified is at 100. Working now with

<Slider
  min={50}
  max={200}
  step={null}
  marks={marks}
  onChange={log}
  onChangeComplete={onChangeComplete}
  defaultValue={[100]}
/>