iron-collapse-button

An iron-collapse with a trigger section and optional expand/collapse icons.

Installation

bower i -S iron-collapse-button      # Polymer 2.0 class based
bower i -S iron-collapse-button#^0.4 # Polymer 2.0 hybrid (1.x compatible)

Usage

Show/hide collapsible content by filling the trigger and content slots.

Demo

<iron-collapse-button>
  <div slot="collapse-trigger">Trigger</div>
  <div slot="collapse-content">
    <ul>
      <li>Do this</li>
      <li>or that</li>
    </ul>
  </div>
</iron-collapse-button>
<iron-collapse-button opened>
  <div slot="collapse-trigger" class="flex">Flexbox trigger</div>
  <div slot="collapse-content">
    <ul>
      <li>or this</li>
      <li>not that</li>
    </ul>
  </div>
</iron-collapse-button>

Full demo: webcomponents.org | github.

API: webcomponents.org

Contributing

1. Fork it on Github.
2. Create your feature branch: git checkout -b my-new-feature
3. Commit your changes: git commit -am 'Add some feature'
4. Push to the branch: git push origin my-new-feature
5. Submit a pull request

License

MIT