The range-group component helps us to create a complete range field solution with controls and more feedback.

Technical Details

  • On the .form-label__value element, you can set a data-suffix value to add a unit at the end of the value display.
  • It automatically gets the step, min, and max values from the input.
  • You should always use a proper aria-label value on the controls.

Dependencies

  • Alpine.js - Some or all of the components require Alpine.js for functionality.