incubator-popup | Vaadin

is a Web Component providing an easy way to hide extra content from your webpage and show them to the user whenever they need them.

<incubator-popup>

<incubator-popup> is a Web Component providing an easy way to hide extra content from your webpage and show them to the user whenever they need them.

Screenshot of incubator-popup

Example Usage

<vaadin-button theme="icon tertiary" id="more">
  <iron-icon icon="vaadin:ellipsis-dots-h"></iron-icon>
</vaadin-button>
<incubator-popup for="more" close-on-click>
  <template>
    <style>
      [part="container"] {
        padding: 5px 10px;
      }
    </style>
    <div part="container">
      <vaadin-button theme="icon">
        <iron-icon icon="vaadin:edit"></iron-icon>
      </vaadin-button>
      <vaadin-button theme="icon">
        <iron-icon icon="vaadin:close"></iron-icon>
      </vaadin-button>
      <vaadin-button theme="icon">
        <iron-icon icon="vaadin:plus"></iron-icon>
      </vaadin-button>
    </div>
  </template>

Install

Link to this version
ImportedReleased 22 August 2018Other
Framework Support
Polymer 2.0+
Browser Independent
Install with
bower install --save vaadin/incubator-popup"#1.0.1"
Run the above Bower command in your project folder. If you have any issues installing, please contact the author.
Release notes - Version 1.0.1

Dependencies

  • polymer#^2.0.0
  • vaadin-themable-mixin#vaadin/vaadin-themable-mixin#^1.0.0
  • vaadin-element-mixin#vaadin/vaadin-element-mixin#^1.0.1
  • vaadin-license-checker#vaadin/license-checker#^2.0.1
  • vaadin-lumo-styles#vaadin/vaadin-lumo-styles#^1.0.0
  • vaadin-overlay#^3.0.4
  • iron-media-query#^2.1.0