Getting started

import React from 'react;

import {
  AccordionArrowIcon,
  AccordionContent,
  AccordionHeader,
  AccordionItem,
  AccordionRoot,
} from '@melio-ui/accordion';

export default function App() {
  return (
    <AccordionRoot>
      <AccordionItem>
        <AccordionHeader>
          <span>Header1</span>
          <AccordionArrowIcon />
        </AccordionHeader>
        <AccordionContent>Content1</AccordionContent>
      </AccordionItem>

      <AccordionItem>
        <AccordionHeader>
          <span>Header2</span>
          <AccordionArrowIcon />
        </AccordionHeader>
        <AccordionContent>Content2</AccordionContent>
      </AccordionItem>
    </AccordionRoot>
  );
}