Collapsed element contains a slot that can be expanded or collapsed to reveal additional content or information.

Demo

Installation

``sh
npm install @exmg/exm-collapsed
`

Example Usage

$3

`js
@property({type: Boolean})
opened = false;
`

`html
(this.opened = !this.opened)}>Open


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
aliqua.

`

API

$3

| Name | Description |
| --------- | --------------------------------------------------------- |
| _default_ | Default content to display within the collapsible element |

$3

| Name | Type | Default | Description |
| -------- | --------- | ------- | --------------------------------- |
| opened | boolean | false | The opened state of the component |

$3

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

$3

_None_

$3

_None_

Additional references

- Additional Documentation

- Demo