vwc-expansion-panel

Properties

| Property | Attribute | Type | Default | Description | |--------------------|--------------------| ----------------- |-----------|--------------------------------------------------------------------------------------------------------------------------------------------------| | dense | dense | boolean | false | | | header | header | string | "" | The heading text of the expanded panel. deprecated please use heading property instead | | heading | heading | string | "" | The heading text of the expanded panel | | icon | icon | string | "" | | | indicatorIconSet | indicatorIconSet | string | "chevron" | | | leadingToggle | leadingToggle | boolean | false | | | noRipple | noRipple | boolean | false | | | open | open | boolean | false | | | ripple | | Promise<Ripple> | | | | headingLevel | heading-level | string | "3" | The expansion panel heading-level defaults to 3 (meaning the button is wrapped with a H3 tag) but need to be in accordance to the page's hierarchy |

Methods

| Method | Type | Description | | ------------- | ------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | close | (): void | | | notifyClose | (): void | | | notifyOpen | (): void | | | openChanged | (isOpen: boolean): void | Invoked when the element open state is updated.Expressions inside this method will trigger upon open state change_isOpen: Boolean of open state | | show | (): void | |

Events

| Event | Type | | -------- | ------------------ | | closed | CustomEvent<any> | | opened | CustomEvent<any> |