SaaS
Billing Cycle Switch
A billing cycle switch component
Overview
The Billing Cycle Switch lets users toggle between monthly and annual billing (e.g. on pricing or subscription pages). It supports savings display and persisted preference so the choice is kept across the session.
Key Business & UX Benefits
- One control for monthly vs annual so pricing pages stay clear.
- Savings display encourages annual commitment without pressure.
- Persisted preference keeps the choice when navigating.
- Fits pricing blocks and subscription flows.
Pro-Tip from Larry: Show savings on the annual option so users see the benefit at a glance.
Usage
LuiBillingCycleSwitch
Feature List
- Toggle between monthly and annual billing
- Optional savings percentage or amount display
- Persisted preference (e.g. localStorage)
- Theme-aligned styling for light and dark modes
API Reference
No component metadata found for BillingCycleSwitch. Did you mean
LuiBillingCycleSwitch?