A modern port of iron-collapse element. It creates a collapsible block of content.
npm install @anypoint-web-components/anypoint-collapseThis 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.


``sh`
npm install @anypoint-web-components/anypoint-collapse --save
`html
Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea, id minim maiestatis incorrupte duo. Dolorum verterem ad ius, his et nullam verterem. Eu alia debet usu, an doming tritani est. Vix ad ponderum petentium suavitate, eum
eu tempor populo, graece sententiae constituam vim ex. Cu torquatos reprimique neglegentur nec, voluptua periculis has ut, at eos discere deleniti sensibus. Lorem ipsum dolor sit amet, per in nusquam nominavi periculis, sit elit oportere ea,
id minim maiestatis incorrupte duo. Dolorum verterem ad ius, his et nullam verterem. Eu alia debet usu, an doming tritani est. Vix ad ponderum petentium suavitate, eum eu tempor populo, graece sententiae constituam vim ex. Cu torquatos reprimique
neglegentur nec, voluptua periculis has ut, at eos discere deleniti sensibus.
`
`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);
`sh`
git clone https://github.com/anypoint-web-components/anypoint-collapse
cd anypoint-collapse
npm install
`sh`
npm start
`sh``
npm test