diff options
| author |   Israel Lavi <israel.lavi@intl.att.com> | 2018-08-07 11:36:58 +0300 |
|---|---|---|
| committer |   Israel Lavi <il0695@att.com> | 2018-08-07 11:48:04 +0300 |
| commit | 75dc1476d6d592c6c2c54f8d08d3047c90c8f9dc (patch) | |
| tree | b1412c3c7616b07852c941fd21fc9836f2d43e86 /components/autocomplete/autocomplete-open.html | |
| parent | 57a7853903df631a2031b5b57ce4d131364006f6 (diff) | |
Initial commit
Change-Id: I061d81a33aebadb83ba0e085e8e34339fed5ed53
Issue-ID: SDC-1609
Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'components/autocomplete/autocomplete-open.html')
| -rw-r--r-- | components/autocomplete/autocomplete-open.html | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/components/autocomplete/autocomplete-open.html b/components/autocomplete/autocomplete-open.html new file mode 100644 index 0000000..01b1f40 --- /dev/null +++ b/components/autocomplete/autocomplete-open.html @@ -0,0 +1,24 @@ +<div class="sdc-autocomplete-container"> + <div class="search-bar-container"> + <div class="sdc-input"> + <label class="sdc-input__label">search by color:</label> + <input class="sdc-input__input" type="text" name="undefined" placeholder="search text"> + </div> + <span class="clear-search-x"> + <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24"> + <defs> + <path id="close-a" d="M13.5996,12 L19.6576,5.942 C20.1146,5.485 20.1146,4.8 19.6576,4.343 C19.2006,3.886 18.5146,3.886 18.0576,4.343 L11.9996,10.4 L5.9426,4.343 C5.4856,3.886 4.7996,3.886 4.3426,4.343 C3.8856,4.8 3.8856,5.485 4.3426,5.942 L10.4006,12 L4.3426,18.058 C3.8856,18.515 3.8856,19.2 4.3426,19.657 C4.5716,19.886 4.7996,20 5.1426,20 C5.4856,20 5.7136,19.886 5.9426,19.657 L11.9996,13.6 L18.0576,19.657 C18.2866,19.886 18.6286,20 18.8576,20 C19.0856,20 19.4286,19.886 19.6576,19.657 C20.1146,19.2 20.1146,18.515 19.6576,18.058 L13.5996,12 Z"/> + </defs> + <g fill="none" fill-rule="evenodd"> + <use fill="#000" xlink:href="#close-a"/> + </g> + </svg> + </span> + </div> + <div class="autocomplete-results"> + <div class="autocomplete-result-item">red</div> + <div class="autocomplete-result-item">yellow</div> + <div class="autocomplete-result-item">orange</div> + <div class="autocomplete-result-item">green</div> + </div> +</div> |