Installation
Usage
import AccordionIcon from "@/components/ruixen/accordion-icon";
import { Shield, CreditCard, Truck } from "lucide-react";
const items = [
{
id: "1",
icon: Shield,
title: "Is my data secure?",
content: "Yes, we use industry-standard encryption.",
},
{
id: "2",
icon: CreditCard,
title: "Are there any hidden fees?",
content: "No hidden fees. The price you see is the price you pay.",
},
];
export default function MyAccordion() {
return <AccordionIcon items={items} defaultValue="1" />;
}Props
| Prop | Type | Default | Description |
|---|---|---|---|
items | AccordionIconItem[] | - | Array of accordion items with icons |
defaultValue | string | - | ID of the initially open item |
className | string | - | Additional CSS classes |

