Back to blocksView all settings blocks
Installation
npx shadcn add @mylo-ui/settings-billingPreview
Billing & Subscription
Manage your subscription and billing information
Current Plan
You are currently on the Pro Plan
Active
$29per month
- Unlimited projects
- Priority support
- Advanced analytics
- Custom domains
Payment Method
Manage your payment methods
Visa ending in 4242
Expires 12/25
Default
Billing History
Download your past invoices
INV-001
Jan 1, 2024
$29.00
Paid
INV-002
Dec 1, 2023
$29.00
Paid
INV-003
Nov 1, 2023
$29.00
Paid
Usage
import { SettingsBilling } from "@/components/blocks/settings-billing"
export default function Page() {
return <SettingsBilling />
}Dependencies
lucide-react
shadcn/ui Components
card
button
badge
Related Blocks
More settings blocks you might like
settings
Settings - Profile
User profile settings with avatar upload and personal information
Ready to use
/blocks/settings-profilesettings
Settings - Account
Account management with email, phone, and security settings
Ready to use
/blocks/settings-accountsettings
Settings - Notifications
Notification preferences with email, push, and SMS controls
Ready to use
/blocks/settings-notifications