1 |
|
2 |
|
3 |
|
4 |
|
5 |
|
6 |
|
7 |
|
8 |
|
9 | <div data-search role="search" class="bx--search bx--search--lg bx--search--light">
|
10 | <label id="search-input-label-1" class="bx--label" for="search__input-1">Search</label>
|
11 | <input class="bx--search-input" type="text" id="search__input-1" placeholder="Search">
|
12 | <svg class="bx--search-magnifier" width="16" height="16" viewBox="0 0 16 16">
|
13 | <path d="M6.5 12a5.5 5.5 0 1 0 0-11 5.5 5.5 0 0 0 0 11zm4.936-1.27l4.563 4.557-.707.708-4.563-4.558a6.5 6.5 0 1 1 .707-.707z"
|
14 | fill-rule="nonzero" />
|
15 | </svg>
|
16 | <button class="bx--search-close bx--search-close--hidden" title="Clear search
|
17 | input" aria-label="Clear search input">
|
18 | <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
|
19 | <path d="M8 6.586L5.879 4.464 4.464 5.88 6.586 8l-2.122 2.121 1.415 1.415L8 9.414l2.121 2.122 1.415-1.415L9.414 8l2.122-2.121-1.415-1.415L8 6.586zM8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16z"
|
20 | fill-rule="evenodd" />
|
21 | </svg>
|
22 | </button>
|
23 | </div>
|
24 |
|