Windy CSS styleguide

3.14 #components.sinput .search-input

Toggle example guides Toggle HTML markup

Unified search input with cancel button, so far prepared only for dark mode.

    <div class="search-input">
        <input type="text" placeholder="Search something..." />
        <div class="search-input__cancel fg-white">Cancel search</div>
    </div>
Example
Cancel search
Markup 
<div class="search-input rounded-box bg-gray-dark" style="max-width: 400px;">
            <input type="text" placeholder="Search something..." />
            <div class="search-input__cancel fg-white">Cancel search</div>
        </div>
Source: src/css/components/search-input.less, line 1