1.0.2 • Published 9 months ago
@exmg/exm-collapsed v1.0.2
<exm-collapsed> 
Collapsed element contains a slot that can be expanded or collapsed to reveal additional content or information.
Installation
npm install @exmg/exm-collapsedExample Usage
Standard
@property({type: Boolean})
opened = false;<exm-button @click="${()" =""> (this.opened = !this.opened)}>Open</exm-button>
<exm-collapsed ?opened="${this.opened}">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.
</exm-collapsed>API
Slots
| Name | Description |
|---|---|
| default | Default content to display within the collapsible element |
Properties/Attributes
| Name | Type | Default | Description |
|---|---|---|---|
opened | boolean | false | The opened state of the component |
Methods
| Name | Description |
|---|---|
toggle | Toggles the opened state of the component |
show | Sets the opened state of the component to true |
hide | Sets the opened state of the component to false |
Events
None
CSS Custom Properties
None