Polymère - Bouton Google Hangout
Google Hangout est un élément des composants Web de Google qui permet la conversation avec d'autres personnes sur les différents appareils.
Vous pouvez utiliser cet élément dans votre application, en exécutant la commande suivante pour l'installer dans votre répertoire de projet.
bower install --save GoogleWebComponents/google-hangout-buttonExemple
L'exemple suivant spécifie l'utilisation de l'élément bouton google-hangout dans Polymer.js. Créez un fichier index.html et ajoutez-y le code suivant.
<!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>Production
Pour exécuter l'application, accédez au répertoire de projet créé et exécutez la commande suivante.
polymer serveOuvrez maintenant le navigateur et accédez à http://127.0.0.1:8081/. Voici la sortie.
