Command Palette

Search for a command to run...

Docs
Simple Accordion

Simple Accordion

A basic accordion component with clean styling and smooth expand/collapse animations.

Installation

Usage

import AccordionSimple from "@/components/ruixen/accordion-simple";
 
const items = [
  {
    id: "1",
    title: "What is the return policy?",
    content: "You can return any item within 30 days of purchase.",
  },
  {
    id: "2",
    title: "How long does shipping take?",
    content: "Standard shipping takes 5-7 business days.",
  },
];
 
export default function MyAccordion() {
  return <AccordionSimple items={items} defaultValue="1" />;
}

Props

PropTypeDefaultDescription
itemsAccordionSimpleItem[]-Array of accordion items
defaultValuestring-ID of the initially open item
classNamestring-Additional CSS classes