Need slider component for project form questions

[RishiRajSahu]

Currently we don't have slider component for our project form, we need to build a slider component with text labels at the extremes - for eg - labels should be visible like this

[maxceem]

Should be able to choose any numeric value between them? like from 1 till 100?

Or only separate value on the circls? I think we have such component.

[RishiRajSahu]

@maxceem yep for separate values on circles we already have component.

we will go with standard slider values 1 to 100 or may be 1 to 10 could also as its more about showing the visual location of slider than the value at which it is located. this component right now will be needed to get the user's inclination towards which one of the value out of two. So actual numeric value doesn't matter right now just the visual representation is important but if by having 1 to 100 range its better to show precise location whenever this component render then let's have bigger range of 1 to 100.
fyi @suppermancool

[suppermancool]

@RishiRajSahu done in
topcoder-platform/react-components#322

Demo: https://gyazo.com/4ffc2bcc1a78ab908cd204a250bb80b0

[RishiRajSahu]

@suppermancool as I mentioned we don't need to show values, values will be the deciding factor for position of slider on the sliding bar and we will save value only. please follow this https://connect.topcoder-dev.com/new-project/ds_sprint for understanding the requirement for this slider, we need to understand inclination of user towards kind of solution.

User inclined towards best -

User inclined towards many concepts -

ignore the tick in blue circle, we don't need tick.

[RishiRajSahu]

Done via topcoder-platform/react-components#322