Slider

The data and marks props from the ESDS 2.0 version of EsSlider are no longer supported, both for simplicity and due to the underlying PrimeVue component not supporting the functionality.

Previously, the data prop took an array of numbers that specified the available values to select in the slider (e.g. [0, 25, 50, 75, 100, 250, 500, 750, 1000]). The available slider values are now specified via the min, max, and step props. This means that it's no longer possible to have slider values with non-standard gaps between them, as in the array example above where values start out 25 apart, then 150, then 250, etc.

The marks prop generally took an array of two numbers (e.g. [50, 1200]) to denote where the minimum and maximum labels should appear beneath the slider. To enforce UX best practices and because the PrimeVue component doesn't support display of labeled marks at arbitrary points along the slider, minimum and maximum labels will now always display at the start and end of the slider, and the marks prop is no longer available.

A function could also be passed to the marks prop to act as both a label formatter and an indication of which values on the slider should be labeled. The label formatting part of this is now handled by the labelFormatter prop.