Component Library
Accordion
An accordion allows to hide then show content.
Basic Accordion
The most basic accordion is control outside of the component
This is the content of the accordion.
You can put any JSX element here.
Other variant
There is another variant of the accordion with less style.
This is the content of the accordion.
You can put any JSX element here.
This is the content of the accordion.
You can put any JSX element here.
Icon accordion
The accordion can also be controlled by itself.
This is an accordion with icon view.
Click the icon to toggle.
Icon View Accordion with another variant This accordion has less style to fit it more easily in our website.
It only has a left border
Card accordion
The accordion can also have a card view. You can click wherever on the card, it will open the accordion.
This is an accordion with card view.
This is another accordion with card view.
It has a different style.