Accordion
Use the Accordion
component to define a collapsible block for toggling content. It is open by default and hides the content when clicked again.
Example
Code:
<Accordion title="Collapsible Block" >
This is the content inside the collapsible block, click to toggle.
</Accordion>
The content inside the collapsible block follows Markdown syntax.
Set Default Collapsed
Code:
<Accordion title="Default Collapsed Block" defaultOpen={false}>
This is the content inside the collapsible block, default is closed.
</Accordion>
Add Icon
Code:
<Accordion title="Add Icon" icon="material-two-tone-storefront">
Introduce an icon to the collapsible block.
</Accordion>
Parameter Description
Last modified: 5 months ago