Topic: How to disable MdbRangeInput component?
jtroester priority asked 4 years ago
Expected behavior
The slider is disabled.
The input
element should get the disabled
property.
Actual behavior
The slider is still active / value can be changed.
The form
element got the disabled
property.
Resources (screenshots, code snippets etc.) Code:
<mdb-range-input
:min="min"
:max="max"
:value="value"
:disabled="disabled"
@input="onChange()"
wrapperClass=""
wrapperClassName
></mdb-range-input>
DOM:
<form class="range-field" disabled="disabled" wrapperclassname="">
<input min="0" max="10" type="range">
</form>
Magdalena Dembna staff answered 4 years ago
All available options for this component are listed here: https://mdbootstrap.com/docs/vue/forms/slider/#docsTabsAPI and disabled
is unfortunately not one of them.
I will add this feature request to our idea's board to consider in the future. Best regards, Magdalena
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Priority
- Premium support: Yes
- Technology: MDB Vue
- MDB Version: 6.7.1
- Device: Desktop PC
- Browser: Firefox 77.0.1
- OS: Windows 10
- Provided sample code: Yes
- Provided link: No