Accordion.mdx

import { Meta, Canvas, Story, ArgsTable } from '@storybook/addon-docs';

import { Accordion } from '../../components';

import { Header } from '../shared';

import { Default, KeepOnlyOneOpen, } from './Accordion.stories.jsx'; import EvaluationForm from '../../stories/shared/EvaluationForm';

An Accordion is a vertical stack of clickable headings that are used to toggle information that requires interaction to be shown. Each item can be 'collapsed', displaying just a short visible label; or 'expanded', to show the entire content.

• Importing and usage
• API
• Examples

Importing and usage

import Accordion from '@catho/quantum/Accordion';

API

Examples

Keep only one open