Skip to main content

Accordion

The accordion component enables the user to show and hide sections of content on a page.

Header

Content
import React from 'react';
import { Accordion } from 'chic-ui';

<>
<Accordion header="Header" description="Content" />
</>;

API

import { Accordion } from 'chic-ui';
NameTypeDefaultDescription
header (required)stringHeader of the Accordion
descriptionstringContent enclosed inside accordion
classNamestringProvide external classnames to the component
styleReact.CSSPropertiesOverride default styling of the component