Skip to content

Conversation

@BrOrlandi
Copy link

It resolved #6

If anyone wants to use it, we have released this component here @kassellabs/react-semantic-ui-range

The tooltip style customization is totally up to the project that uses it to decide, In our case, we're using it like this:

image

image

<Slider
  value={value}
  discrete={discrete}
  tooltip={(currentValue) => (
    <SliderTooltip position={tooltipPosition} value={currentValue} />
  )}
  style={{
    trackFill: {
      backgroundColor: '#007EA7',
    },
  }}
  settings={{
    tooltipPosition,
    start: value,
    max,
    min,
    step,
    onChange,
  }}
/>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Label as a value indicator

3 participants