vcf-popup

WebJar for vcf-popup

License	CVAL3
Categories	Vaadin User Interface Web Frameworks
GroupId	com.vaadin.componentfactory.webjar
ArtifactId	vcf-popup
Last Version	1.2.2
Release Date	Jan 21, 2020
Type	jar
Description	vcf-popup WebJar for vcf-popup
Project URL	https://www.webjars.org
Source Code Management	https://github.com/vaadin-component-factory/vcf-popup

Download vcf-popup

Filename	Size
vcf-popup-1.2.2.pom
vcf-popup-1.2.2.jar	51 KB
vcf-popup-1.2.2-sources.jar	342 bytes
vcf-popup-1.2.2-javadoc.jar	342 bytes

How to add to project

Apache Maven

<!-- https://jarcasting.com/artifacts/com.vaadin.componentfactory.webjar/vcf-popup/ -->
<dependency>
    <groupId>com.vaadin.componentfactory.webjar</groupId>
    <artifactId>vcf-popup</artifactId>
    <version>1.2.2</version>
</dependency>

Gradle Groovy

// https://jarcasting.com/artifacts/com.vaadin.componentfactory.webjar/vcf-popup/
implementation 'com.vaadin.componentfactory.webjar:vcf-popup:1.2.2'

Gradle Kotlin

// https://jarcasting.com/artifacts/com.vaadin.componentfactory.webjar/vcf-popup/
implementation ("com.vaadin.componentfactory.webjar:vcf-popup:1.2.2")

Apache Buildr

'com.vaadin.componentfactory.webjar:vcf-popup:jar:1.2.2'

Apache Ivy

<dependency org="com.vaadin.componentfactory.webjar" name="vcf-popup" rev="1.2.2">
  <artifact name="vcf-popup" type="jar" />
</dependency>

Groovy Grape

@Grapes(
@Grab(group='com.vaadin.componentfactory.webjar', module='vcf-popup', version='1.2.2')
)

Scala SBT

libraryDependencies += "com.vaadin.componentfactory.webjar" % "vcf-popup" % "1.2.2"

Leiningen

[com.vaadin.componentfactory.webjar/vcf-popup "1.2.2"]

Dependencies

compile (7)

Group / Artifact	Type	Version
org.webjars.bowergithub.vaadin : vaadin-overlay	jar	[3.2.9,4)
org.webjars.bowergithub.polymerelements : iron-media-query	jar	[2.1.0,3)
org.webjars.bowergithub.vaadin : vaadin-lumo-styles	jar	[1.1.1,2)
org.webjars.bowergithub.vaadin : license-checker	jar	[2.1.2,3)
org.webjars.bowergithub.vaadin : vaadin-element-mixin	jar	[2.1.1,3)
org.webjars.bowergithub.polymer : polymer	jar	[2.0.0,3)
org.webjars.bowergithub.vaadin : vaadin-themable-mixin	jar	[1.3.2,2)

Project Modules

There are no modules declared in this project.

<vcf-popup>

This is the npm version vcf-popup developed using Polymer 3.

<vcf-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.

Demo

https://vcf-popup.netlify.com/

Installation

Install vcf-popup:

npm i @vaadin-component-factory/vcf-popup --save

Usage

Once installed, import it in your application:

import '@vaadin-component-factory/vcf-popup';

Add vcf-popup to the page with attribute for that match id element to which popup should be bind to. Now after clicking on target element, popup will be shown.

<vaadin-button theme="icon tertiary" id="more">
  <iron-icon icon="vaadin:ellipsis-dots-h"></iron-icon>
</vaadin-button>
<vcf-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
></vcf-popup>

Running demo

1. Fork the vcf-popup repository and clone it locally.

2. Make sure you have npm installed.

3. When in the vcf-popup directory, run npm install to install dependencies.

4. Run npm start to open the demo.

Contributing

To contribute to the component, please read the guideline first.

License

Apache License 2.0

Vaadin (Component Factory)

Vaadin Component Factory Components

Versions

Version
1.2.2 Jan 21, 2020
1.2.1 Dec 4, 2019
1.2.0 Sep 30, 2019
1.1.0 May 2, 2019