mirror of
https://github.com/hanzoai/shadcn.git
synced 2026-11-02 13:07:46 +00:00
zeekay
16c4453cc1
Squash merge of shadcn-ui/ui main branch into hanzo/ui, bringing in: - [email protected] through [email protected] releases - New apps/v4 directory structure - Registry system improvements and MCP server - Framework support (Vue, Svelte, React Native) - New templates (vite-app, monorepo-next, laravel) - Zod 4 compatibility (scoped override for zod@>4) - Test fixture corrections for alias resolution All 867 merge conflicts resolved preserving Hanzo customizations. 1020/1020 shadcn tests pass.
59 lines
1.8 KiB
TypeScript
59 lines
1.8 KiB
TypeScript
import {
|
|
Accordion,
|
|
AccordionContent,
|
|
AccordionItem,
|
|
AccordionTrigger,
|
|
} from "@/examples/base/ui/accordion"
|
|
import {
|
|
Card,
|
|
CardContent,
|
|
CardDescription,
|
|
CardHeader,
|
|
CardTitle,
|
|
} from "@/examples/base/ui/card"
|
|
|
|
const items = [
|
|
{
|
|
value: "plans",
|
|
trigger: "What subscription plans do you offer?",
|
|
content:
|
|
"We offer three subscription tiers: Starter ($9/month), Professional ($29/month), and Enterprise ($99/month). Each plan includes increasing storage limits, API access, priority support, and team collaboration features.",
|
|
},
|
|
{
|
|
value: "billing",
|
|
trigger: "How does billing work?",
|
|
content:
|
|
"Billing occurs automatically at the start of each billing cycle. We accept all major credit cards, PayPal, and ACH transfers for enterprise customers. You'll receive an invoice via email after each payment.",
|
|
},
|
|
{
|
|
value: "cancel",
|
|
trigger: "How do I cancel my subscription?",
|
|
content:
|
|
"You can cancel your subscription anytime from your account settings. There are no cancellation fees or penalties. Your access will continue until the end of your current billing period.",
|
|
},
|
|
]
|
|
|
|
export default function AccordionCard() {
|
|
return (
|
|
<Card className="w-full max-w-sm">
|
|
<CardHeader>
|
|
<CardTitle>Subscription & Billing</CardTitle>
|
|
<CardDescription>
|
|
Common questions about your account, plans, payments and
|
|
cancellations.
|
|
</CardDescription>
|
|
</CardHeader>
|
|
<CardContent>
|
|
<Accordion defaultValue={["plans"]}>
|
|
{items.map((item) => (
|
|
<AccordionItem key={item.value} value={item.value}>
|
|
<AccordionTrigger>{item.trigger}</AccordionTrigger>
|
|
<AccordionContent>{item.content}</AccordionContent>
|
|
</AccordionItem>
|
|
))}
|
|
</Accordion>
|
|
</CardContent>
|
|
</Card>
|
|
)
|
|
}
|