[docs][slider] Add range slider example

[raclee7]

Feature request

Summary

Support dual thumbs for a ranged slider (currently supports one https://base-ui.com/react/components/slider)

Examples in other libraries

https://ant.design/components/slider

Motivation

When there are multiple values given to a slider, we need to support dual+ thumbs for UI purposes

[mj12albert]

Hey @raclee7 this is already supported, pass an array to value or defaultValue and place one Slider.Thumb per value:

<Slider.Root defaultValue={[20, 60]}>
  <Slider.Control>
    <Slider.Track>
      <Slider.Indicator />
      <Slider.Thumb />
      <Slider.Thumb />
    </Slider.Track>
  </Slider.Control>
</Slider.Root>

[mj12albert]

Somebody asked in Discord before if range sliders are supported as well, the only real mention of how is in this popover which is hard to discover:

I think we need to add a demo or at least a snippet @colmtuite

[raclee7]

Hey @mj12albert that makes sense. Thank you