Icon Accordion

An accordion component with icons, titles, and descriptions for each section. Ideal for organizing content, features, or settings into collapsible panels, making information easy to browse and interact with.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Icon Accordion to your project and fits it to your theme.

import { AccordionComponent } from "@/components/ui/icon-accordion";

export default function DemoOne() {
  return <AccordionComponent />;
}