Accordion API

Learn about the Accordion component's props and CSS classes.

Import

import {
  AccordionProps,
  AccordionControlProps,
  AccordionIconProps,
  AccordionItemProps,
  AccordionPanelProps,
} from "@prismane/core";

Accordion extends Flex component's props.

Name	Type	Description	Default
`defaultValue`	`string`	The default value of the accordion.	-

Accordion.Control extends Flex and Transition components' props.

Accordion.Icon extends Flex component's props.

Accordion.Item extends Flex component's props.

Name	Type	Description	Default
`value`	`string / null`	The value of the accordion item.	-

Accordion.Panel extends Flex and Animation components' props.

Accordion extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneAccordion-root`	The wrapper box of the accordion.

Accordion.Control extends Flex and Transition components' CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneAccordionControl-root`	The wrapper box of the accordion control.
`root`	`.PrismaneAccordionControl-root-active`	The wrapper box of the accordion control if the control is active.

Accordion.Icon extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneAccordionIcon-root`	The wrapper box of the accordion icon.
`root`	`.PrismaneAccordionIcon-root-active`	The wrapper box of the accordion icon if the icon is active.

Accordion.Item extends Flex component's CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneAccordionItem-root`	The wrapper box of the accordion item.

Accordion.Panel extends Flex and Animation components' CSS classes.

Rule	Global Class	Description
`root`	`.PrismaneAccordionPanel-root`	The wrapper box of the accordion panel.
`root`	`.PrismaneAccordionPanel-root-active`	The wrapper box of the accordion panel if the panel is active.