diff options
| author |   Israel Lavi <israel.lavi@intl.att.com> | 2018-05-21 17:42:00 +0300 |
|---|---|---|
| committer |   Israel Lavi <il0695@att.com> | 2018-05-21 17:52:01 +0300 |
| commit | 1994c98063c27a41797dec01f2ca9fcbe33ceab0 (patch) | |
| tree | f30beeaf15a8358f6da78fdd74bcbda74bd334f8 /components/search-bar/search-bar.html | |
| parent | 4749f4631426fcbe29ed98cef8f24cab18b501d0 (diff) | |
init commit onap ui
Change-Id: I1dace78817dbba752c550c182dfea118b4a38646
Issue-ID: SDC-1350
Signed-off-by: Israel Lavi <il0695@att.com>
Diffstat (limited to 'components/search-bar/search-bar.html')
| -rw-r--r-- | components/search-bar/search-bar.html | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/components/search-bar/search-bar.html b/components/search-bar/search-bar.html new file mode 100644 index 0000000..d1b9171 --- /dev/null +++ b/components/search-bar/search-bar.html @@ -0,0 +1,16 @@ +<div class="sdc-search-bar"> + <div class="search-bar-container"> + <label class="sdc-input__label">search box example:</label> + <input class="sdc-input__input" type="text" name="undefined" placeholder="search text"> + <span class="search-button magnify-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> |