Collapsible card

Overview

A collapsible card is a collapsible container for a set of different components. It supports multiple views that can be activated by switching the Enable multiple views option in the card's settings.

Properties

Name	Type	Description
name	string	Component name
views	string[]	Array of available view names
selectedView	string	Name of the selected view
value	value	Current component value
children	children	The children of the card
valid	boolean	Indicates if the component is valid
collapsed	boolean	Indicates if the card is collapsed

All nested inputs are included in the component’s value property allowing you to build custom forms.

Methods

Name	Parameters	Returns	Description
selectView	name: string	void	Select a view by name
setValue	data: object	void	Set component data
resetValue	–	void	Reset component to the initial value
validate	–	void	Trigger form validation
resetValidation	–	void	Clear validation errors
collapse	–	void	Collapse the card
expand	–	void	Expand the card
toggleCollapsed	–	void	Toggle the card's collapsed state

Triggers

Name	Description
On Collapse Changed	Triggered when the collapsed state changes
On Header Click	Triggered when the component header is clicked
On Init	Triggered when the component is initialized
On Click	Triggered when the component is clicked