Accordion

import Accordion from 'intergalactic/accordion';

<Accordion />;

AccordionProps

& {...}

Name	Type	Description
value		Value for the active tab. Can be set as stroke, number, null or as array.
defaultValue		Value of the active tabs selected by default
onChange	((value: , event: React.SyntheticEvent) => void) | React.Dispatch<React.SetStateAction<>>	Called when the selection is changed
duration	number	Animation duration of each Accordion.Item inside
use	"primary" | "secondary"	Changes the visual appearance of the component

Accordion.Item

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item />;

AccordionItemProps

Name	Type	Description
value	string | number	Tab value
disabled	boolean	Disabling selection changes
duration	number	Animation duration

Accordion.Item.Toggle

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Toggle />;

Has all properties as BoxProps prop does.

Accordion.Item.Collapse

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Collapse />;

CollapseProps

& {...}

Name	Type	Description
overflowHidden	boolean	Add overflow=clip when passing animation

Has all properties as BoxProps prop does.

Accordion.Item.Chevron

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Chevron />;

Has all properties as BoxProps prop does.