Methods Payout Slider Interaction

This interaction features a custom slider used during onboarding to set a desired monthly payout. As the user drags the purple slider thumb, the dollar amount text updates instantly to reflect the current value. Simultaneously, a vertical bar graph above the slider track dynamically scales and colors in real-time, creating a fluid wave-like curve that visualizes the payout distribution. The motion is highly responsive, utilizing subtle spring physics that make the dragging experience feel tactile and engaging.