Slider Component

[umakantv]

Is the team working on any slider component?

I was expecting a slider in the Forms part in the storybook but couldn't find. Surprisingly, project hasn't needed it till now. I require it for this feature: Pausing notifications for a few minutes. I want the user to be able to choose using a slider, although I can use a number input as well for the time being.

Expected behavior

• Able to pass min and max value.
• If possible, the component should handle checkpoints/marks/step-size.

Image

[dougfabris]

@umakantv We didn't have a case where we needed a more "advanced" range component. For our needs, we use this kind of approach I sent below, maybe it can help you.

<Box display='flex'>
    <Box is='input' type='range' value={100} min='0' max='100'/>
  <Tooltip placement='right-top' mis='x8'>{100}</Tooltip>
</Box>;

Thanks for your suggestion!