import { CodeBlock, ConfigBlock } from '@src/helpers/DocBlocks';
import Accordion from './Accordion';
import { AccordionTest } from './Accordion.storybook.js';

# Accordion

> A clickable UI element with active and hover states. Indicates to the user that it's clickable.

<CodeBlock>
  <AccordionTest />
</CodeBlock>

## Configuration

<ConfigBlock of={Accordion} />

## Examples