@axa-fr/react-toolkit-collapse v3.0.1
@axa-fr/react-toolkit-collapse
Installation
npm i @axa-fr/react-toolkit-collapse
Collapse
Import
import { CollapseCard } from '@axa-fr/react-toolkit-collapse';
import '@axa-fr/react-toolkit-collapse/dist/af-accordion.css';
Use
const Collapse = () => (
<CollapseCard>
<CollapseCard.Header>Your Header Text #1</CollapseCard.Header>
<CollapseCard.Body>
Your Body Text <b>Your Bold Text</b>
</CollapseCard.Body>
</CollapseCard>
);
export default Collapse;
Accordion
Import
import { Accordion, CollapseCard } from '@axa-fr/react-toolkit-collapse';
import '@axa-fr/react-toolkit-collapse/dist/af-accordion.css';
Use
const AccordionCollapse = () => (
<Accordion
collapses={[]}
handleToggle={() => console.log('your function')}
onlyOne={true}>
<CollapseCard>
<CollapseCard.Header>CollpaseCard #1 Title</CollapseCard.Header>
<CollapseCard.Body>Your Body Text #1</CollapseCard.Body>
</CollapseCard>
<CollapseCard>
<CollapseCard.Header>CollpaseCard #2 Title</CollapseCard.Header>
<CollapseCard.Body>Your Body Text #2</CollapseCard.Body>
</CollapseCard>
<CollapseCard>
<CollapseCard.Header>CollpaseCard #3 Title</CollapseCard.Header>
<CollapseCard.Body>Your Body Text #3</CollapseCard.Body>
</CollapseCard>
</Accordion>
);
export default AccordionCollapse;
9 months ago
9 months ago
10 months ago
10 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
2 years ago
1 year ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
5 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago