Basic example
The slider reflects a range of values along a bar from which the user can select a single value. Ideal for adjusting volume and brightness, applying image filters, etc.
Help us spread the word about Tailwind Elements for React (TER)
If you enjoy the project, help it grow & find more contributors by sharing it with your peers. Every share counts, thank you!
Disabled
Use the disabled
attribute on the input to make it look
neutraled out and remove indicator events.
Min and max
Range inputs have implicit values for min and max—0 and 100, respectively, and new values can be specified using the minimum and maximum attributes.
Steps
Range component can have steps other than 1. This can be helpful for some applications where you need to adjust values with more or less accuracy.
If you are looking for more advanced options, try Bootstrap Range from MDBootstrap.