Card

Overview

A Card is used as a 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	any	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

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

Triggers

Name	Description
On Click	Triggered when the component is clicked
On Init	Triggered when the component is initialized

Working with the component

The Card component is a useful tool in cases when you have several components on the page and you want them to occupy all available space - you can place them inside the Card and use our Expand content to fit setting. More details you can find in this article👇

Expanding component to fit screen/container