Accordian

A vertically stacked set of interactive headings that each reveal a section of content.

  • 1st Accordian
    Yes! It is the first accordian
  • 2nd Accordian
    Yes! It is the second accordian
  • 3rd Accordian
    Yes! It is the third accordian
  • 4th Accordian
    Yes! It is the fourth accordian

Install

npm install compcrafter

Usage

import { Accordian, AccordianItem }from "compcrafter";
<Accordian className="max-w-lg mb-5">
  <AccordianItem value={1} trigger="1st Accordian">
        Yes! It is the first accordian
  </AccordianItem>
  <AccordianItem value={2} trigger="2nd Accordian">
        Yes! It is the second accordian
  </AccordianItem>
  <AccordianItem value={3} trigger="3rd Accordian">
        Yes! It is the third accordian
  </AccordianItem>
  <AccordianItem value={4} trigger="4th Accordian">
        Yes! It is the fourth accordian
  </AccordianItem>
</Accordian>