ui/webui/resources/cr_elements/cr_search_field/cr_search_field.html

<link rel="import" href="chrome://resources/cr_elements/cr_search_field/cr_search_field_behavior.html">
<link rel="import" href="chrome://resources/cr_elements/icons.html">
<link rel="import" href="chrome://resources/html/assert.html">
<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper-icon-button.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html">

<dom-module id="cr-search-field">
  <template>
    <paper-icon-button icon="cr:search" id="searchButton"
        disabled$="[[showingSearch]]" title="[[label]]"
        on-click="toggleShowingSearch_"></paper-icon-button>
    <paper-input-container id="searchTerm" on-search="onSearchTermSearch"
        on-keydown="onSearchTermKeydown" hidden$="[[!showingSearch]]"
        no-label-float>
      <input is="iron-input" id="searchInput" type="search"
          placeholder="[[label]]" incremental>
      <paper-icon-button icon="cr:cancel" id="clearSearch"
          on-click="toggleShowingSearch_" title="[[clearLabel]]"
          hidden$="[[!showingSearch]]"></paper-icon-button>
    </paper-input-container>
  </template>
  <link rel="import" type="css" href="cr_search_field.css">
  <script src="cr_search_field.js"></script>
</dom-module>