...

• The slider itself has no error state

• If a text field exists: typing an invalid value, including illegal characters or out of range values will show an error message. See Field Validation

Best practices

Use a slider when:

...

• If one or more of the conditions above is not met. In this case, consider using radio buttons or a dropdown menu

...

Range Slider

...

A range slider is a variation of the regular slider, allowing users to select a range of values within the total range. In this case:

• The slider includes two handles. The selected area will appear between the handles

• The slider will not include increase and decrease buttons

• The slider may include:

  • Two input fields - one for the minimum value and one for the maximum value

  • Two tooltips when dragging - one for each handle

• Dragging a handle will be limited by the other handle

Accessibility compliance

<<In general each component should be A11y complied,  please follow the 3 guidelines linked below. At the very least we should document that each component is in compliance with each of the 3>>

...