@vonage/vwc-expansion-panel

expansion panel component

Usage no npm install needed!

<script type="module">
  import vonageVwcExpansionPanel from 'https://cdn.skypack.dev/@vonage/vwc-expansion-panel';
</script>

README

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>

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>