Polymer Google Hangout Button

Google hangout element is an element of Google web components which is used to make conversation with other people across the different devices.

Run the following command to install google hangout element in your project directory. After that you can use this element in your application:

Example:

Create an index.html file and add the following code in it to see the usage of google-hangout-buttonelement in Polymer.js.

<!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>

Next TopicGoogle Map

← prev next →