Barre de recherche
La barre de recherche est un système de navigation permettant à l'usager d’accéder rapidement à un contenu en lançant une recherche sur un mot clé ou une phrase.
- Un champ — Obligatoire
- Un bouton — Obligatoire
- Un texte d’exemple — Obligatoire
Variations
La barre de recherche n’a pas de variation.
Tailles
La barre de recherche est disponible en 2 tailles :
- MD pour medium
- LG pour large
La largeur de la barre de recherche s’adapte à la taille de son conteneur.
- Choisir la barre de recherche MD lorsqu'il y a des contraintes d'espace dans vos interfaces. Le cas d’usage principal est l’accès à la recherche globale depuis l’en-tête. Il peut également être spécifique à certains composants dans le cas de recherche contextuelle (exemple : recherche pour filtrer des listes ou à l’intérieur d’un tableau de données).
- Choisir la barre de recherche LG pour présenter un moteur de recherche global à l’intérieur d'une page (exemple : mise en avant de la recherche depuis la page d’accueil, moteur de recherche sur la liste de résultats de recherche etc.).
Si vous utilisez le format LG en desktop, le composant sera donc automatiquement redimensionné au format MD.
États
La barre de recherche n’est sujette à aucun changement d’état.
Personnalisation
La barre de recherche n’est pas personnalisable.
À ne pas faire
Ne pas personnaliser la couleur du bouton de recherche
À ne pas faire
Ne pas personnaliser la couleur du liseré de la barre de recherche.
À ne pas faire
Ne pas personnaliser le pictogramme du bouton de recherche.