paper-subheader

Collaborne

by SlashBunny

HTML

<base href="https://raw-dot-custom-elements.appspot.com/Collaborne/paper-subheader/2.0.2/paper-subheader/">
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
<link rel="import" href="../iron-icons/iron-icons.html">
<link rel="import" href="paper-toggle-subheader.html">
<link rel="import" href="paper-subheader.html">
<dom-bind>
  <template>
    <paper-toggle-subheader icon-inactive="help-outline" icon-active="close" on-toggle-active="_onActive" on-toggle-inactive="_onInactive">Sub header with toggle icon</paper-toggle-subheader>

    <paper-subheader>Sub header without icon</paper-subheader>

    <script>
      var scope = document.querySelector("dom-bind");
      scope._onActive = () => alert('Toggled to active');
      scope._onInactive = () => alert('Toggled to inactive');

    </script>
  </template>
</dom-bind>