aboutsummaryrefslogtreecommitdiffstats
path: root/components/autocomplete/autocomlete-close.html
diff options
context:
space:
mode:
authorMichael Lando <ml636r@att.com>2018-05-21 20:19:48 +0000
committerGerrit Code Review <gerrit@onap.org>2018-05-21 20:19:48 +0000
commit05b37297177e8a342668c15e5d6f738b51f7aedd (patch)
treee236c96df52a13f935292db8aa73e84d0c41ad8a /components/autocomplete/autocomlete-close.html
parent884dfb789593d2a3cc319047ab1f0215778aec9f (diff)
parent1994c98063c27a41797dec01f2ca9fcbe33ceab0 (diff)
Merge "init commit onap ui"HEAD2.0.0-ONAPmasterbeijing2.0.0-ONAP
Diffstat (limited to 'components/autocomplete/autocomlete-close.html')
-rw-r--r--components/autocomplete/autocomlete-close.html22
1 files changed, 22 insertions, 0 deletions
diff --git a/components/autocomplete/autocomlete-close.html b/components/autocomplete/autocomlete-close.html
new file mode 100644
index 0000000..93946bb
--- /dev/null
+++ b/components/autocomplete/autocomlete-close.html
@@ -0,0 +1,22 @@
+<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="search-bar-button">
+ <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="search-a" d="M2,8.5 C2,4.9 4.9,2 8.5,2 C12.1,2 15,4.9 15,8.5 C15,10.3 14.3,11.9 13.1,13.1 C11.9,14.3 10.3,15 8.5,15 C4.9,15 2,12.1 2,8.5 M19.7,18.3 L15.2,13.8 C16.3,12.4 17,10.5 17,8.5 C17,3.8 13.2,0 8.5,0 C3.8,0 0,3.8 0,8.5 C0,13.2 3.8,17 8.5,17 C10.5,17 12.3,16.3 13.8,15.2 L18.3,19.7 C18.5,19.9 18.8,20 19,20 C19.2,20 19.5,19.9 19.7,19.7 C20.1,19.3 20.1,18.7 19.7,18.3"/>
+ </defs>
+ <g fill="none" fill-rule="evenodd" transform="translate(2 2)">
+ <use fill="#000" xlink:href="#search-a"/>
+ </g>
+ </svg>
+ </span>
+ </div>
+ <div class="autocomplete-results" style="height: 0px; opacity: 0;">
+
+ </div>
+</div>
+