topic Re: Remove digit separator from slider in Calcite Design System Questions

Remove digit separator from slider

BenPitcairn — Sun, 17 Jul 2022 12:30:51 GMT

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.

Re: Remove digit separator from slider

KittyHurley — Mon, 18 Jul 2022 15:43:38 GMT

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.

Re: Remove digit separator from slider

KittyHurley — Wed, 05 Oct 2022 19:04:20 GMT

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).

<calcite-slider min="2000" max="3000" value="2500" label-handles></calcite-slider>  <calcite-slider min="2000" max="3000" value="2500" label-handles group-separator></calcite-slider>