Deprecated

This component has been moved to anypoint-web-components/awc.

-----

A modern port of iron-collapse element. It creates a collapsible block of content.
By default, the content will be collapsed. Use opened or toggle() to show/hide the content.

The element adjusts the max-height/max-width of the collapsible element to show/hide the content.
Avoid putting padding/margin/border on the collapsible directly, and instead put a div inside and style that.



Usage

$3

``sh
npm install @anypoint-web-components/anypoint-collapse --save
`

$3

`html







`

$3

`js
import { LitElement, html } from 'lit-element';
import '@anypoint-web-components/anypoint-collapse/anypoint-collapse.js';

class SimpleElement extends LitElement {
render() {
return html

${this.content}

;
}
}
window.customElements.define('simple-element', SimpleElement);
`

Development

`sh
git clone https://github.com/anypoint-web-components/anypoint-collapse
cd anypoint-collapse
npm install
`

$3

`sh
npm start
`

$3

`sh
npm test
``