Is it possible to remove the digit separater from the Slider component labels. Currently a comma is placed every 3 digits, which I do not want (The numbers represent years). Other components seem to have attributes for this 'groupSeperator', but not the slider.
Solved! Go to Solution.
Slider now has a groupSeparator property. By default, the separator won’t be present (e.g., 2000). When true, a separator will be added (e.g., 2,000).
<!-- Slider without separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles></calcite-slider>
<!-- Slider with separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles group-separator></calcite-slider>
Hi @BenPitcairn,
We've got an enhancement in to allow for custom handles and ticks in Slider.
In the short-term, you could try out a recommendation from earlier this year using the calciteSliderChange event.
Slider now has a groupSeparator property. By default, the separator won’t be present (e.g., 2000). When true, a separator will be added (e.g., 2,000).
<!-- Slider without separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles></calcite-slider>
<!-- Slider with separator -->
<calcite-slider min="2000" max="3000" value="2500" label-handles group-separator></calcite-slider>