| 1 | |
| 2 | Copyright IBM Corp. 2016, 2018
|
| 3 |
|
| 4 | This source code is licensed under the Apache-2.0 license found in the
|
| 5 | LICENSE file in the root directory of this source tree.
|
| 6 | -->
|
| 7 |
|
| 8 | {{#is suffix "sm"}}
|
| 9 | <div class="{{@root.prefix}}--form-item">{{/is}}
|
| 10 | <div data-search role="search" class="{{@root.prefix}}--search {{@root.prefix}}--search--{{suffix}}{{#if light}} {{@root.prefix}}--search--light{{/if}}">
|
| 11 | <label id="search-input-label-1" class="{{@root.prefix}}--label" for="search__input-1">Search</label>
|
| 12 | <input class="{{@root.prefix}}--search-input" type="text" id="search__input-1" placeholder="Search">
|
| 13 | {{ carbon-icon 'Search16' class=(add @root.prefix '--search-magnifier') }}
|
| 14 | <button class="{{@root.prefix}}--search-close {{@root.prefix}}--search-close--hidden" title="Clear search
|
| 15 | input" aria-label="Clear search input">
|
| 16 | {{#is suffix "sm"}}{{ carbon-icon 'Close16' class=(add @root.prefix '--search-clear') }}{{/is}}
|
| 17 | {{#is suffix "lg"}}{{ carbon-icon 'Close16' class=(add @root.prefix '--search-clear') }}{{/is}}
|
| 18 | {{#is suffix "xl"}}{{ carbon-icon 'Close20' class=(add @root.prefix '--search-clear') }}{{/is}}
|
| 19 | </button>
|
| 20 | </div>
|
| 21 | {{#is suffix "sm"}}</div>{{/is}}
|
| 22 | |
| \ | No newline at end of file |