chrome/browser/resources/settings/dummy_page/dummy_page.html

   1 <link rel="import" href="chrome://resources/polymer/polymer/polymer.html">
   2 <link rel="import" href="chrome://resources/polymer/core-menu/core-menu.html">
   3 <link rel="import" href="chrome://resources/polymer/paper-button/paper-button.html">
   4 <link rel="import" href="chrome://resources/polymer/paper-item/paper-item.html">
   5 <link rel="import" href="chrome://resources/polymer/paper-shadow/paper-shadow.html">
   6 <link rel="import" href="chrome://resources/cr_elements/cr_button/cr_button.html">
   7 <link rel="import" href="chrome://resources/cr_elements/cr_collapse/cr_collapse.html">
   8 <link rel="import" href="chrome://resources/cr_elements/cr_dropdown_menu/cr_dropdown_menu.html">
   9 <link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
  10 <link rel="import" href="chrome://resources/cr_elements/cr_toggle_button/cr_toggle_button.html">
  11 <link rel="import" href="chrome://md-settings/settings_page/settings_page_header.html">
  12
  13 <polymer-element name="cr-settings-dummy-page">
  14   <template>
  15     <link rel="stylesheet" href="chrome://md-settings/settings_page/settings_page.css">
  16     <paper-shadow layout vertical cross-fade>
  17       <cr-settings-page-header page="{{}}"></cr-settings-page-header>
  18       <div class="main">
  19         <section>
  20           <h3>cr-toggle-button</h3>
  21           <cr-toggle-button></cr-toggle-button>
  22           <cr-toggle-button checked></cr-toggle-button>
  23         </section>
  24         <section>
  25           <h3>cr-checkbox</h3>
  26           <cr-checkbox></cr-checkbox>
  27           <cr-checkbox checked></cr-checkbox>
  28         </section>
  29         <section>
  30           <h3>cr-dropdown-menu</h3>
  31           <cr-dropdown-menu>
  32             <core-menu class="menu">
  33               <paper-item>Chrome</paper-item>
  34               <paper-item>IE</paper-item>
  35               <paper-item>Firefox</paper-item>
  36             </core-menu>
  37           </cr-dropdown-menu>
  38         </section>
  39         <section>
  40           <h3>cr-collapse</h3>
  41           <paper-button id="manage-button" raised on-tap="{{toggleCollapse_}}">
  42             Toggle Collapse
  43           </paper-button>
  44           <cr-collapse id="collapse">
  45             <div>collapsed content</div>
  46           </cr-collapse>
  47         </section>
  48         <section>
  49           <h3>cr-button</h3>
  50           <cr-button>Flat button</cr-button>
  51           <cr-button raised>Raised Button</cr-button>
  52         </section>
  53         <section>
  54           <h3>cr-input</h3>
  55           <cr-input label="Enter Something!"></cr-input>
  56         </section>
  57       </div>
  58     </paper-shadow>
  59   </template>
  60   <script src="dummy_page.js"></script>
  61 </polymer-element>