Setting the step value for slider.


Topic: Setting the "step" value for slider.

chris.hoffman pro asked 3 years ago

Expected behavior
To be able to set the "step" property on a range input
eg <MDBRangeInput min={0} max={100} value={50} step={0.1}/>

Actual behavior
Does not set the step!

Resources (screenshots, code snippets etc.)
I guess here? https://mdbootstrap.com/docs/react/forms/slider/#material
is there any way to set the step value?


Konrad Stępień staff answered 3 years ago

Hi @chris.hoffman,

Thank you for contact. In the API tab, you can see which props of the component you can use. We can also add this new prop for the next release.

And if you don't use MDBReact PRO, you can't use MDBRangeInput because it is available for Pro users. But, you can use a free version with this code.

import React from "react";

const SliderPage = () => {
  return (
    <div className="my-5">
      <label htmlFor="customRange1">Example range</label>
      <input
        type="range"
        className="custom-range"
        id="customRange1"
        step={2}
        min={0}
        max={10}
      />
    </div>
  );
};

export default SliderPage;

Best, Konrad.


chris.hoffman pro commented 3 years ago

Dziękuję bardzo @Konrad Stępień,

I'm using MDBReact PRO with my company, I guess my account is not linked with theirs. Any way to do that?

Also how often do you release new versions?

Thanks a lot, Chris


Konrad Stępień staff commented 3 years ago

Proszę bardzo @chris.hoffman :)

Now you can see in your profile, you are pro user now, and we added access for you on gitlab.

The next release is planned for July 22. We send a new update every 2 weeks on Monday. You can see it here. Changes are already introduced and will be available in the update.

Regards, Konrad.


chris.hoffman pro commented 3 years ago

Wow awesome. Thanks for the amazing support @Konrad Stępień :)

If I have more features I would like to be added should I make a new post or where should I make these requests?


Konrad Stępień staff commented 3 years ago

Thanks a lot. :)

I think the best way to suggest new features is to make a new post with a list. Then we have all the information in one post and this is more clear.

Thank you for any suggestions and we really appreciate that.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.17.0
  • Device: Desktop
  • Browser: Chrome
  • OS: Linux (Ubuntu)
  • Provided sample code: No
  • Provided link: Yes
Tags