Billing Settings Two

An advanced billing settings form with input fields, currency selector, feature toggles, and validation.

billing settings form validation currency

Billing Settings

Manage your billing preferences and settings

Full Name*

Billing Email*

Invoices will be sent to this email address

Tax ID (Optional)

For VAT or other tax purposes

Currency*

Auto-Renewal

Automatically renew your subscription

Invoice Emails

Receive emails when invoices are generated

Promotional Emails

Receive occasional updates about new features and offers

"use client";

import BillingSettingsTwo from "@/components/vritti/billing-settings-two";

export function BillingSettingsTwoExample() {
  return (
    <BillingSettingsTwo
      onSave={() => console.log("Saved")}
      onCancel={() => console.log("Cancelled")}
    />
  );
}

Installation


pnpm dlx shadcn@latest add "https://vritti.thesatyajit.com/r/billing-settings-two"

Dependencies


pnpm add lucide-react