A range slider with tooltips for React Bootstrap (Bootstrap 4) that extends the HTML input element.
tooltipLabel
typingChangeEvent
element type in typings, i.e. ChangeEvent<HTMLInputElement>
value
prop, make all prop typings optionalaria-valuenow
, aria-valuemin
, aria-valuemax
)<input>
inpputProps
propFixes null event.target
inside useState
function due to event pooling.
React.memo
is applied to <input/>
, which allows the tooltip
prop to be changed during interaction with the slider.
Fix issue #8: tooltip label with spaces wraps: add nowrap to stylesheet.
Fix issue #7: incorrect success variant color - displaying as "secondary" gray instead of green