Components
Usage Slider Plan Selector
A seat-based pricing card with a slider that sizes your team and auto-selects the matching plan and monthly total.
import { SelectAPlan4 } from "@/components/ui/select-a-plan-4";
export default function Demo() {
return (
<div className="bg-background flex min-h-svh w-full items-center justify-center p-6">
<div className="w-full max-w-sm">
<SelectAPlan4 />
</div>
</div>
);
}