This repository contains a front-end web component designed for interactive pricing. The component is built using HTML, CSS, and JavaScript, providing a responsive design that adapts to various screen sizes. Users can adjust their billing preferences and pricing by using a slider and a toggle button for monthly/yearly billing options.
To see the component in action, view the live demo here.
- Interactive Slider: Adjust prices dynamically by sliding.
- Billing Cycle Toggle: Switch between monthly and yearly billing.
- Responsive Design: Ensures usability on both desktop and mobile devices.
-
Adjust the Slider: Move the slider left or right to change the pricing based on user selections.
-
Billing Cycle Toggle: Click the toggle button to switch between monthly and yearly pricing. The component will automatically update the displayed price.