Polymer - Pulsante Hangout di Google
Google Hangout è un elemento dei componenti Web di Google che porta la conversazione con altre persone attraverso i diversi dispositivi.
Puoi utilizzare questo elemento nella tua applicazione, eseguendo il seguente comando per installarlo nella directory del tuo progetto.
bower install --save GoogleWebComponents/google-hangout-button
Esempio
L'esempio seguente specifica l'utilizzo dell'elemento pulsante google-hangout in Polymer.js. Crea un file index.html e aggiungi il seguente codice al suo interno.
<!doctype html>
<html>
<head>
<title>Polymer Example</title>
<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
<link rel = "import" href = "bower_components/polymer/polymer.html">
<link rel = "import" href = "bower_components/paper-styles/demo-pages.html">
<link rel = "import"
href = "bower_components/google-hangout-button/google-hangout-button.html">
<link rel = "import"
href = "bower_components/iron-flex-layout/classes/iron-flex-layout.html">
<style>
section {
max-width: 300px;
}
section > div {
padding: 5px;
}
</style>
</head>
<body>
<section>
<div class = "layout horizontal center">
<span class = "flex">Default button</span>
<span class = "flex"><google-hangout-button></google-hangout-button></span>
</div>
<div class = "layout horizontal center">
<span class = "flex">Narrow button</span>
<span class = "flex">
<google-hangout-button width = "70"></google-hangout-button>
</span>
</div>
</section>
</body>
</html>
Produzione
Per eseguire l'applicazione, accedere alla directory del progetto creato ed eseguire il comando seguente.
polymer serve
Ora apri il browser e vai a http://127.0.0.1:8081/. Di seguito sarà l'output.