Retour

Barre de recherche (search)

La barre de recherche est un système de navigation qui permet à l'utilisateur d’accéder rapidement à un contenu en lançant une recherche sur un mot clé ou une expression.

Documentation

Barre de recherche MD (par défaut)

<div class="village-search-bar" id="search-1300" role="search">
    <label class="village-label" for="search-1300-input">
        Rechercher
    </label>
    <input class="village-input" aria-describedby="search-1300-input-messages" placeholder="Rechercher" id="search-1300-input" type="search">
    <div class="village-messages-group" id="search-1300-input-messages" aria-live="polite">
    </div>
    <button class="village-btn" id="search-btn-1301" title="Rechercher">
        Rechercher
    </button>
</div>

Barre de recherche LG

<div class="village-search-bar village-search-bar--lg" id="search-1305" role="search">
    <label class="village-label" for="search-1305-input">
        Rechercher
    </label>
    <input class="village-input" aria-describedby="search-1305-input-messages" placeholder="Rechercher" id="search-1305-input" type="search">
    <div class="village-messages-group" id="search-1305-input-messages" aria-live="polite">
    </div>
    <button class="village-btn" id="search-btn-1306">
        Rechercher
    </button>
</div>

Paramètres d’affichage

Choisissez un thème pour personnaliser l’apparence du site.