Create working slider #185
Description
🚀 Welcome Contributors!!
The Design & Behavior:
Visuals: It features a slim, horizontal track with a light gray background and a vibrant blue "progress" fill that tracks from the left.
Thumb Styles: The top version uses a white, elevated thumb with a soft drop shadow, while the bottom version uses a flat, solid blue thumb for a more integrated look.
Behavior: It functions as a linear input where the blue fill dynamically expands or contracts as the user drags the thumb to adjust values.
📝 Submission Guidelines
To successfully merge your contribution, please follow these rules strictly:
- The Folder: Navigate to the folder named:
9-slider - The File: Create a new text file named
<your-github-username>.txt. - The Content: The file must contain your Figma link in the following format:
Figma link - <your-live-figma-link> - Permissions: Ensure your Figma link permissions are set to "Anyone with the link can view" so the maintainers can review your work.
Example of how johndoe.txt should look:
Figma link - https://www.figma.com/file/xxxxxxxxxxxxxxxxxxxxxxxx
Directory Structure Example:
Repo Root
└── 9-slider/
└── <your-github-username>.txt
Happy Prototyping! 💫