PricingToggle
A customizable Toggle to switch the payment frequency.
Take a look at the SaaS template to see how you can build your own pricing page! (view source)
Usage
Built on top of the Headless UI Switch component, use a v-model to bind the value of the toggle.
<script setup>
const isYearly = ref(false)
</script>
<template>
<UPricingToggle v-model="isYearly" class="max-w-xs" />
</template>
Slots
left
{}
right
{}
Props
ui
{}
{}left
string
"Monthly"right
string
"Yearly"modelValue
boolean
false