Fijn

Search input component: Clear Search 

<div class="m-searchInput">
    <span class="d-block d-xxxxl-none">
        <input type="search" class="form-control" id="search" placeholder="Zoeken">
    </span>
    <span class="d-none d-xxxxl-block">
        <input type="search" class="form-control" id="search" placeholder="Overzicht doorzoeken">
    </span>
    <i class="icon-cross js-clearSearch icon-search cursor-pointer"></i>
</div>
 
<div class="m-searchInput">
    <span class="d-block d-xxxxl-none">
        <input type="search" class="form-control" id="search" placeholder="{{label_mobile}}">
    </span>
    <span class="d-none d-xxxxl-block">
        <input type="search" class="form-control" id="search" placeholder="{{label}}">
    </span>
    <i class="{% if clear %}icon-cross js-clearSearch{% endif %} icon-search cursor-pointer"></i>
</div>
 
{
  "label": "Overzicht doorzoeken",
  "label_mobile": "Zoeken",
  "clear": true
}
  • Handle: @search-input--clear-search
  • Preview:
  • Filesystem Path: templates/fractal/molecules/search-input/search-input.njk

No notes defined.