jxom/bumbag-ui

[feature] Input: add support for type='range'

agustif opened this issue · 2 comments

Is your feature request related to a problem? Please describe.
I would like to use a regular input range with bumbag's Input. but it renders just a ball. doesn't seem fully implemented but maybe it would be easy enough to add support?

import { Input, Button, Provider as BumbagProvider } from 'bumbag';
const MyApp = () => (
  <BumbagProvider>
    <Input type="number"></Input>
    <Input type="range"
         min="0" max="100" value="90" step="10"></Input>
    <Button>
      comprar
    </Button>
  </BumbagProvider>
);
export default MyApp

type_input_range

I could try this myself if given any pointers,

fwiw, Material does a good job of this with it's Slider component https://material-ui.com/es/components/slider

MDN Web Docs: https://developer.mozilla.org/es/docs/Web/HTML/Elemento/input/range

Closing for now as it seems I was using it wrong and it does work, sorry!

    <Input type="range"></Input>