Directory

← Back

xtal-link-preview

Provide preview of URL

Author

Rating

Popularity

<100

Published on webcomponents.org

<xtal-link-preview>

xtal-link-preview comes with default styling. xtal-link-preview-base allows you to provide your own styling.

Provide preview of URL.

Syntax:

<xtal-link-preview preview href="https://onsen.io"></xtal-link-preview>

Try altering the href attribute below

Install the Polymer-CLI

First, make sure you have the Polymer CLI and npm (packaged with Node.js) installed. Run npm install to install your element's dependencies, then run polymer serve to serve your element locally.

Viewing Your Element

$ polymer serve

Running Tests

$ polymer test

Your application is already set up to be tested via web-component-tester. Run polymer test to run your application's test suite locally.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Dependencies

Polymer/polymer#^2.0.0

Released
2017-10-08
Maturity
TESTED
License
Other

Compatibility

Framework
Polymer 2.0+
Browser
Browser Independent

xtal-link-preview - Vaadin Add-on Directory

Provide preview of URL xtal-link-preview - Vaadin Add-on Directory
[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://www.webcomponents.org/element/bahrus/xtal-link-preview) # \ xtal-link-preview comes with default styling. xtal-link-preview-base allows you to provide your own styling. Provide preview of URL. ## Syntax: ```html ``` Try altering the href attribute below ## Install the Polymer-CLI First, make sure you have the [Polymer CLI](https://www.npmjs.com/package/polymer-cli) and npm (packaged with [Node.js](https://nodejs.org)) installed. Run `npm install` to install your element's dependencies, then run `polymer serve` to serve your element locally. ## Viewing Your Element ``` $ polymer serve ``` ## Running Tests ``` $ polymer test ``` Your application is already set up to be tested via [web-component-tester](https://github.com/Polymer/web-component-tester). Run `polymer test` to run your application's test suite locally.
License
Online Demo
Documentation
GitHub Homepage
View on NPM
Issue tracker
View on GitHub

xtal-link-preview version 0.0.0
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.1
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.2
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.3
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.4
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.5
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.6
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.7
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.8
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.9
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.10
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.11
### Dependencies Polymer/polymer#^2.0.0

xtal-link-preview version 0.0.12
### Dependencies * @bower_components/accessibility-developer-tools#GoogleChrome/accessibility-developer-tools#^2.10.0 * @bower_components/async#caolan/async#^1.5.0 * @bower_components/chai#chaijs/chai#^3.2.0 * @bower_components/font-roboto#PolymerElements/font-roboto#^1 * @bower_components/iron-demo-helpers#PolymerElements/iron-demo-helpers#^2.0.0 * @bower_components/iron-flex-layout#polymerelements/iron-flex-layout#1 - 2 * @bower_components/iron-location#PolymerElements/iron-location#1 - 2 * @bower_components/lodash#lodash/lodash#^3.7.0 * @bower_components/marked#chjj/marked#~0.3.6 * @bower_components/marked-element#polymerelements/marked-element#1 - 2 * @bower_components/mocha#mochajs/mocha#^3.1.2 * @bower_components/polymer#Polymer/polymer#^2.0.0 * @bower_components/prism#LeaVerou/prism#* * @bower_components/prism-element#PolymerElements/prism-element#1 - 2 * @bower_components/shadycss#webcomponents/shadycss#^v1.0.0 * @bower_components/sinon-chai#domenic/sinon-chai#^2.7.0 * @bower_components/sinonjs#blittle/sinon.js#^1.14.1 * @bower_components/stacky#PolymerLabs/stacky#^1.3.0 * @bower_components/test-fixture#PolymerElements/test-fixture#^3.0.0 * @bower_components/web-component-tester#Polymer/web-component-tester#^6.0.0 * @bower_components/webcomponentsjs#webcomponents/webcomponentsjs#^1.0.0

xtal-link-preview version 0.0.13
### Dependencies * @bower_components/accessibility-developer-tools#GoogleChrome/accessibility-developer-tools#^2.10.0 * @bower_components/async#caolan/async#^1.5.0 * @bower_components/chai#chaijs/chai#^3.2.0 * @bower_components/font-roboto#PolymerElements/font-roboto#^1 * @bower_components/iron-demo-helpers#PolymerElements/iron-demo-helpers#^2.0.0 * @bower_components/iron-flex-layout#polymerelements/iron-flex-layout#1 - 2 * @bower_components/iron-location#PolymerElements/iron-location#1 - 2 * @bower_components/lodash#lodash/lodash#^3.7.0 * @bower_components/marked#chjj/marked#~0.3.6 * @bower_components/marked-element#polymerelements/marked-element#1 - 2 * @bower_components/mocha#mochajs/mocha#^3.1.2 * @bower_components/polymer#Polymer/polymer#^2.0.0 * @bower_components/prism#LeaVerou/prism#* * @bower_components/prism-element#PolymerElements/prism-element#1 - 2 * @bower_components/shadycss#webcomponents/shadycss#^v1.0.0 * @bower_components/sinon-chai#domenic/sinon-chai#^2.7.0 * @bower_components/sinonjs#blittle/sinon.js#^1.14.1 * @bower_components/stacky#PolymerLabs/stacky#^1.3.0 * @bower_components/test-fixture#PolymerElements/test-fixture#^3.0.0 * @bower_components/web-component-tester#Polymer/web-component-tester#^6.0.0 * @bower_components/webcomponentsjs#webcomponents/webcomponentsjs#^1.0.0

xtal-link-preview version 0.0.14
### Dependencies * @bower_components/accessibility-developer-tools#GoogleChrome/accessibility-developer-tools#^2.10.0 * @bower_components/async#caolan/async#^1.5.0 * @bower_components/chai#chaijs/chai#^3.2.0 * @bower_components/font-roboto#PolymerElements/font-roboto#^1 * @bower_components/iron-demo-helpers#PolymerElements/iron-demo-helpers#^2.0.0 * @bower_components/iron-flex-layout#polymerelements/iron-flex-layout#1 - 2 * @bower_components/iron-location#PolymerElements/iron-location#1 - 2 * @bower_components/lodash#lodash/lodash#^3.7.0 * @bower_components/marked#chjj/marked#~0.3.6 * @bower_components/marked-element#polymerelements/marked-element#1 - 2 * @bower_components/mocha#mochajs/mocha#^3.1.2 * @bower_components/polymer#Polymer/polymer#^2.0.0 * @bower_components/prism#LeaVerou/prism#* * @bower_components/prism-element#PolymerElements/prism-element#1 - 2 * @bower_components/shadycss#webcomponents/shadycss#^v1.0.0 * @bower_components/sinon-chai#domenic/sinon-chai#^2.7.0 * @bower_components/sinonjs#blittle/sinon.js#^1.14.1 * @bower_components/stacky#PolymerLabs/stacky#^1.3.0 * @bower_components/test-fixture#PolymerElements/test-fixture#^3.0.0 * @bower_components/web-component-tester#Polymer/web-component-tester#^6.0.0 * @bower_components/webcomponentsjs#webcomponents/webcomponentsjs#^1.0.0

xtal-link-preview version 0.0.15
### Dependencies

xtal-link-preview version 0.0.16
### Dependencies

xtal-link-preview version 0.0.17
### Dependencies

xtal-link-preview version 0.0.18
### Dependencies

xtal-link-preview version 0.0.19
### Dependencies

xtal-link-preview version 0.0.20
### Dependencies

xtal-link-preview version 0.0.21
### Dependencies * xtal-latx#0.0.17

xtal-link-preview version 0.0.22
### Dependencies * xtal-latx#0.0.17

xtal-link-preview version 0.0.23
### Dependencies * xtal-latx#0.0.17

xtal-link-preview version 0.0.24
### Dependencies * xtal-latx#0.0.17

xtal-link-preview version 0.0.25
### Dependencies * xtal-latx#0.0.17 * ava-pwar#0.0.3

xtal-link-preview version 0.0.26
### Dependencies * xtal-latx#0.0.17 * ava-pwar#0.0.3

xtal-link-preview version 0.0.27
### Dependencies * xtal-latx#0.0.19 * ava-pwar#0.0.3

xtal-link-preview version 0.0.28
### Dependencies * xtal-latx#0.0.19 * ava-pwar#0.0.3

xtal-link-preview version 0.0.29
### Dependencies * xtal-latx#0.0.19 * ava-pwar#0.0.9

xtal-link-preview version 0.0.30
### Dependencies * xtal-latx#0.0.19 * ava-pwar#0.0.9

xtal-link-preview version 0.0.31
### Dependencies * xtal-latx#0.0.19 * ava-pwar#0.0.13

xtal-link-preview version 0.0.32
### Dependencies * xtal-latx#0.0.46 * ava-pwar#0.0.15

xtal-link-preview version 0.0.33
### Dependencies * xtal-latx#0.0.46 * ava-pwar#0.0.15

xtal-link-preview version 0.0.34
### Dependencies * xtal-latx#0.0.46 * ava-pwar#0.0.15

xtal-link-preview version 0.0.35
### Dependencies * xtal-latx#0.0.46 * ava-pwar#0.0.17

xtal-link-preview version 0.0.36
### Dependencies * xtal-latx#0.0.47 * ava-pwar#0.0.17

xtal-link-preview version 0.0.37
### Dependencies * xtal-latx#0.0.85 * ava-pwar#0.0.17

xtal-link-preview version 0.0.38
### Dependencies * xtal-latx#0.0.85 * ava-pwar#0.0.17

Online