mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-10-30 18:22:59 +00:00
zeekay
e0ec477433
- Enable all 15 finance component docs (from .disabled → .mdx) - Create stock-market.mdx, 8 chart docs, 8 block docs, 2 framework docs - Add direction.tsx component (RTL/LTR support from upstream shadcn) - Add xs/icon-xs button sizes, data-variant/data-size attributes - Fix build-registry.mts to handle default exports in namespace re-exports - Add default props to order-entry, positions-list, orders-history, trading-panel - Fix 18 navigation stubs → re-export from root implementations - Add 44 orphaned MDX files to nav (installation, dark-mode, desktop, guides, etc) - Migrate 6 framer-motion imports → motion/react - Bump React 19.2.0→19.2.4, Next.js 16.0.1→16.1.6, motion→12.34.0 - Align lucide-react, sonner v2, tailwind-merge v3, postcss-selector-parser v7 - Remove framer-motion dep (superseded by motion) - Fix @types/react-dom, TypeScript versions across workspaces
45 lines
1.0 KiB
Plaintext
45 lines
1.0 KiB
Plaintext
---
|
|
title: Billing
|
|
description: Complete billing and subscription management blocks
|
|
---
|
|
|
|
## Subscription Management
|
|
|
|
<ComponentPreview name="subscription-portal-01" />
|
|
|
|
Manage subscriptions, view usage, and upgrade/downgrade plans.
|
|
|
|
## Payment Settings
|
|
|
|
<ComponentPreview name="payment-settings-01" />
|
|
|
|
Add, remove, and manage payment methods with Stripe integration.
|
|
|
|
## Invoice Manager
|
|
|
|
<ComponentPreview name="invoice-manager-01" />
|
|
|
|
View billing history and download invoices.
|
|
|
|
## Usage
|
|
|
|
```tsx
|
|
import {
|
|
InvoiceManager,
|
|
PaymentMethodManager,
|
|
SubscriptionPortal,
|
|
} from "@hanzo/ui/billing"
|
|
|
|
// Or use registry blocks
|
|
import SubscriptionBlock from "@/registry/default/block/billing/subscription-portal-01"
|
|
```
|
|
|
|
## Features
|
|
|
|
- **Subscription Management**: Current plan, usage tracking, upgrades/downgrades
|
|
- **Payment Methods**: Add/remove cards, PayPal, Apple Pay support
|
|
- **Invoice History**: Download PDFs, filter by date/status
|
|
- **Full TypeScript**: Complete type safety
|
|
- **Mobile Responsive**: Optimized for all devices
|
|
- **Accessible**: WCAG 2.1 AA compliant
|