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="fr-search-bar" id="search-250" role="search">
    <label class="fr-label" for="search-250-input">
        Rechercher
    </label>
    <input class="fr-input" placeholder="Rechercher" type="search" id="search-250-input" name="search-250-input">
    <button class="fr-btn" title="Rechercher">
        Rechercher
    </button>
</div>

Barre de recherche LG

<div class="fr-search-bar fr-search-bar--lg" id="search-253" role="search">
    <label class="fr-label" for="search-253-input">
        Rechercher
    </label>
    <input class="fr-input" placeholder="Rechercher" type="search" id="search-253-input" name="search-253-input">
    <button class="fr-btn">
        Rechercher
    </button>
</div>