Accordion

jsx

import Accordion from 'intergalactic/accordion';

<Accordion />;

import Accordion from 'intergalactic/accordion';

<Accordion />;

& {...}

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

jsx

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item />;

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item />;

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

jsx

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Toggle />;

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Toggle />;

Has all properties as BoxProps prop does.

jsx

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Collapse />;

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Collapse />;

& {...}

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

Has all properties as BoxProps prop does.

jsx

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Chevron />;

import { Accordion } from 'intergalactic/accordion';

<Accordion.Item.Chevron />;

Has all properties as BoxProps prop does.