Accordion

Storybook

Accordions are a great way to display content in a compact manner. They allow users to expand and collapse sections of content, making it easier to navigate and consume information.

React

To implement Accordion component into your project you’ll need to add the import:

import { Accordion } from "@shoptet/ui";

After adding import into your project you can use it simply like:

<Accordion>
  <Accordion.Item title="Item 1">This is my content 1</Accordion.Item>
  <Accordion.Item title="Item 2">This is my content 2</Accordion.Item>
  <Accordion.Item title="Item 3">This is my content 3</Accordion.Item>
</Accordion>