Command Palette

Search for a command to run...

Docs
Minimal Accordion

Minimal Accordion

A minimal accordion with show/hide text toggle instead of icons.

Installation

Usage

import AccordionMinimal from "@/components/ruixen/accordion-minimal";
 
const items = [
  {
    id: "1",
    title: "What browsers are supported?",
    content:
      "We support all modern browsers including Chrome, Firefox, Safari.",
  },
  {
    id: "2",
    title: "Is the code open source?",
    content: "Yes, all components are open source and available on GitHub.",
  },
];
 
export default function MyAccordion() {
  return <AccordionMinimal items={items} defaultValue="1" />;
}

Props

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