Accordion

Usage

import { Accordion } from "#/ui/components/Accordion"

<Accordion
  items={[
    {
      title: "How does it work?",
      content:
        "Easy, just copy and paste the code into your project and tweak it to match your needs",
    },
    {
      ...
    }
  ]}
/>

Accordion Item

The accordion is built up of multiple items. These can be used individually if you need, either a single accordion item or to allow more Customisation.

import { AccordionItem } from "#/ui/components/Accordion"

You can pass any component or jsx as a child to the AccordionItem

Customisation

Classes

Classes can be passed to both the Accordion and AccordionItem components, which will apply styling to the root element of the component.