[Slider] Formatting API for the value displayed in Slider.Output

[mj12albert]

Extension of #216

A format API/prop for slider could support these two cases:

1. Intl.NumberFormatOptions

For parity with NumberField:

<Slider.Root defaultValue={[50, 70]}>
  <Slider.Output format={{ style: 'currency', currency: 'USD' }} />
  {/*  other subcomponents */}
<Slider.Root>

renders

<output>$50.00 – $70.00</output>

2. Custom function

To support formats that are not provided by the Intl API, example:

<Slider.Root defaultValue={[50, 70]}>
  <Slider.Output format={(values) => `${values.map(val => `${val}`).join(' – ')}°C`} />
  {/*  other subcomponents */}
<Slider.Root>

renders

<output>50 – 70°C</output>

Search keywords:

[mj12albert]

Superceded by #961

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.