Vaadin Component Factory Share Dialog
<vcf-share-dialog>
Demo
https://vcf-share-dialog.netlify.com/
Installation
Install vcf-share-dialog
:
npm i @vaadin-component-factory/vcf-share-dialog --save
Usage
Once installed, import it in your application:
import '@vaadin-component-factory/vcf-share-dialog/vcf-share-dialog.js';
And use it:
<vcf-share-dialog share-url="https://vaadin.com"></vcf-share-dialog>
Attributes
share-url
: The url which will be shared.members
: A list of people whom this URL is shared with.button-caption
: Text shown inside the button.title-text
: Title of share dialog.secondary-title-text
: Secondary title shown on the top right corner of share dialog.share-title
: Title used for native share.share-text
: Description used for native share.share-button-text
: Text shown inside native share button.description-text
: Description text of share dialog.copy-text
: Text shown inside copy button.notes-text
: Secondary text shown after copy button.members-text
: Title of members section.close-text
: Text shown inside close button.copied-text
: Text shown when the share url is copied.
Events
The component fires 2 custom events:
vcf-share-dialog-opened
: when the share dialog opens.vcf-share-dialog-link-copied
: when the sharable link is copied.
Running demo
-
Fork the
vcf-share-dialog
repository and clone it locally. -
Make sure you have npm installed.
-
When in the
vcf-share-dialog
directory, runnpm install
to install dependencies. -
Run
npm start
to open the demo.
Contributing
To contribute to the component, please read the guideline first.
License
Commercial Vaadin Add-on License version 3 (CVALv3). For license terms, see LICENSE.
Vaadin collects development time usage statistics to improve this product. For details and to opt-out, see https://github.com/vaadin/vaadin-usage-statistics.
Install
Framework Support
Polymer 3.0+
Browser Independent
Install with
Run the above npm command in your project folder.
If you have any issues installing, please
contact the author.
Release notes - Version 1.0.0
Dependencies
- @polymer/iron-icon#^3.0.1
- @polymer/iron-iconset-svg#^3.0.1
- @polymer/polymer#^3.0.0
- @vaadin-component-factory/vcf-avatar-item#^0.1.1
- @vaadin-component-factory/vcf-webshare-button#^0.2.0
- @vaadin/vaadin-button#2.2.0
- @vaadin/vaadin-dialog#^2.2.1
- @vaadin/vaadin-element-mixin#^2.1.3
- @vaadin/vaadin-lumo-styles#^1.5.0
- @vaadin/vaadin-notification#^1.4.0
- @vaadin/vaadin-text-field#2.4.8
- @vaadin/vaadin-themable-mixin#^1.4.4