Skip to content

Comments

Show label with value like a Tooltip#22

Open
BrOrlandi wants to merge 10 commits intoiozbeyli:masterfrom
KasselLabs:tooltip
Open

Show label with value like a Tooltip#22
BrOrlandi wants to merge 10 commits intoiozbeyli:masterfrom
KasselLabs:tooltip

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