[docs][Slider] Add range slider example

[ZeeshanTamboli]

Closes #1527

Preview: https://deploy-preview-1600--base-ui.netlify.app/react/components/slider#examples

[netlify]

✅ Deploy Preview for base-ui ready!

Name	Link
🔨 Latest commit	433262d
🔍 Latest deploy log	https://app.netlify.com/sites/base-ui/deploys/68009fd20fe8e6000871e793
😎 Deploy Preview	https://deploy-preview-1600--base-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[mj12albert]

but is this is this issue known

Good find, it is now ~ I've opened an issue: #1602

[ZeeshanTamboli]

So, is it that this PR should not be merged until the issue is fixed?

[ZeeshanTamboli]

So, is it that this PR should not be merged until the issue is fixed?

@mj12albert ?

[mj12albert]

So, is it that this PR should not be merged until the issue is fixed?

I think it's ok, I suggested a copy change

CC @colmtuite to have a look and for a additional review 🙏

[ZeeshanTamboli]

@colmtuite Can you review?

[colmtuite]

Just took a look. The thumbs can still be dragged past each other? @ZeeshanTamboli @mj12albert

[mj12albert]

@colmtuite I merged master, the demo should work now: https://deploy-preview-1600--base-ui.netlify.app/react/components/slider#examples

[atomiks]

@mj12albert it's possible to get into a state where you can no longer drag the min thumb when there's no minStepsBetweenValues. Not sure if z-index is handled automatically or if this is up to the user in the docs here

Screen.Recording.2025-04-16.at.11.27.00.am.mov

[mj12albert]

We do set pointer-events and z-index on the thumb (here), I'll need to check if this can be worked around

But this reminds me we should consider defaulting this to 1