How to disable MdbRangeInput component?

Topic: How to disable MdbRangeInput component?

jtroester pro asked 2 months 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:



<form class="range-field" disabled="disabled" wrapperclassname="">
<input min="0" max="10" type="range">

Magdalena Dembna staff premium answered 1 months ago

All available options for this component are listed here: 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

Please insert min. 20 characters.


Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: Vue
  • MDB Version: 6.7.1
  • Device: Desktop PC
  • Browser: Firefox 77.0.1
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No