Layer

🔉 iOS Volume Slider Component for #DareToShare24

by Vaibhav Khulbe

I made the iOS Volume Slider Component that you see on Apple Music with RadixUI and Tailwind CSS ✨ Notice the hover and drag interactions with 100% keyboard accessibility! ⌨️ ✧ Setup your custom min, max and step value via props ✧ Set slider value on commit ✧ Cleverly calculate the clamped and rounded values ✧ Comes with accessibility benefits of Radix! 🔗 Get the code: https://github.com/Kvaibhav01/advanced-radix-ui/blob/main/app/components/ios-slider/page.tsx

Layers - Explore Designs