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 component 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

Last updated

Was this helpful?