Topic: Range Slider needs to be added

Venky free asked 3 years ago


There is no component for a range slider in mdbreact package. Please check this screenshot for the reference, and it's good to show the values on hover and while dragging the slider with the tooltip.

Resources (screenshots, code snippets etc.)

Piotr Glejzer staff answered 3 years ago


we don't have a mulri range slider in our package. I checked code from our docs in the lastest version and it is working.


import React from 'react';
import { MDBRangeInput } from 'mdbreact';

const SliderPage = () => {
  return (
    <div className='my-5'>
      <MDBRangeInput min={0} max={100} value={50} />

export default SliderPage;

enter image description here

Are you sure that you are using our component?

Best regards,

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.23.1
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes