<form-basic class="search-no-decoration form-class"> <div class="input-group" id="search-input"> <span class="input-group-append"> <h2 class="border-right-0 border pl-3 border-radius-grey-13-left-top-bottom"> <x-icon classicon="fill-grey-3" type="search" /> </h2> </span> <input name="search" id="input-search" placeholder="Cari nama siswa..." class="form-control py-2 border-left-0 border-right-0 border input-search border-radius-grey-13-right-top-bottom" type="search"> <span class="input-group-append d-none" id="close-search"> <h2 class="border-left-0 border pr-3 border-radius-grey-13-right-top-bottom" id="close-search"> <x-icon classicon="fill-grey-3" type="close" /> </h2> </span> </div> </form-basic>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter