Component Collapse

A collapse section simplifies the user interface by condensing long content into collapsible content sections.

Code

Example

Attr	Type	Default	Docs
collapsed	boolean	false	This boolean property that sets the initial state of the collapse element.

Name	Returns	Docs
hide	Promise will resolve after the hide animation ends.	This method hides content regardless of the current state.
refresh	Promise	DEPRECATED - This method was used to recalculate and update the tab content height. We do not need to call this method anymore since content height is automatically updated internally.
show	Promise will resolve after the show animation ends.	This method shows the collapse content regardless of the current state.
toggle	Promise will resolve after the toggle animation ends.	This method toggles the collapse content. Toggle will show content if it is currently hidden or hide content if it is currently visibile.

Event	Detail	Docs
collapseToggled	any	Event triggered anytime the component is toggled.

Get in touch

Do you have an idea, or want to help us improve this page? Reach out to us via email.

Need help? Visit our Support page to learn how to get assistance, troubleshoot issues, and connect with the team.