chromium/third_party/catapult/third_party/polymer2/bower_components/chopsui/demo/chops-header_demo.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

<link rel="import" href="../../polymer/polymer.html">
<link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
<link rel="import" href="../chops-header.html">
<link rel="import" href="../chops-login.html">

<link rel="stylesheet" type="text/css" href="../chops-styles.css">

Example of chops-header without any content in slots

<demo-snippet>
  <template>
    <chops-header app-title="Demo" logo-src="../img/logo.png"></chops-header>
  </template>
</demo-snippet>

Example of chops-header using slots and chops-login

<demo-snippet>
  <template>
    <chops-header app-title="Demo" logo-src="../img/logo.png">
      <span slot="subheader">&gt; <a href="#">Breadcrumbs</a></span>
      <chops-login login-url="https://www.google.com/" logout-url="https://store.google.com/" user="jojwang@chromium.org"></chops-login>
    </chops-header>
  </template>
</demo-snippet>