Command Palette

Search for a command to run...

Docs
Arrow Accordion

Arrow Accordion

An accordion with a right-pointing arrow indicator that rotates on expand.

Installation

Usage

import AccordionArrow from "@/components/ruixen/accordion-arrow";
 
const items = [
  {
    id: "1",
    title: "Getting Started",
    content: "Begin by installing the package with npm or yarn.",
  },
  {
    id: "2",
    title: "Configuration",
    content: "Customize the components using props or themes.",
  },
];
 
export default function MyAccordion() {
  return <AccordionArrow items={items} defaultValue="1" />;
}

Props

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