Skip to content

Added vertical ranges#3163

Open
TheBrenny wants to merge 5 commits intosaadeghi:masterfrom
TheBrenny:vertical-range
Open

Added vertical ranges#3163
TheBrenny wants to merge 5 commits intosaadeghi:masterfrom
TheBrenny:vertical-range

Conversation

@TheBrenny
Copy link
Copy Markdown

Fixes #1483.

Adds styles for vertical Range sliders: .range-vertical and .range-vertical.range-invert.

I chose .range-invert because I'm not sure if there'll be an intent to add such a feature for all other sliders...

@vercel
Copy link
Copy Markdown

vercel bot commented Aug 10, 2024

@TheBrenny is attempting to deploy a commit to the Pouya Team on Vercel.

A member of the Team first needs to authorize it.

@saadeghi saadeghi self-assigned this Aug 10, 2024
@TheBrenny
Copy link
Copy Markdown
Author

TheBrenny commented Aug 10, 2024

Well this is awkward... Apparently it worked and now it doesn't?

Edit: There's incompatibilities with the range-size classes.

@vercel
Copy link
Copy Markdown

vercel bot commented Aug 10, 2024

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
daisyui ✅ Ready (Inspect) Visit Preview 💬 Add feedback Aug 10, 2024 8:27am

@pdanpdan
Copy link
Copy Markdown
Contributor

Check this one too: https://play.tailwindcss.com/PcCY6WIefZ
It only transform rotates the normal range slider, so you need to adjust the final width of the container to put multiple sliders side-by-side, but is uses very little styles

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat: Vertical Range Slider

3 participants