> For the complete documentation index, see [llms.txt](https://ds5.gitbook.io/documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ds5.gitbook.io/documentation/components/searchbar.md).

# Barre de recherche

{% hint style="info" icon="figma" %}
Nom du composant : **inputSearchbar**
{% endhint %}

***

{% embed url="<https://www.figma.com/proto/wBkSm4I4jUASOuNVQr9xA9/DSVUV5---Previews?content-scaling=fixed&hotspot-hints=0&node-id=1-6467&page-id=1:6466&scaling=min-zoom&starting-point-node-id=1:6467&t=3Tq6aa2uHXoVirD8-1&viewport=147,212,0.82>" %}

***

### Principes

#### Assisté

La searchbar doit anticiper l'intention de l'utilisateur via des suggestions pertinentes, réduisant ainsi l'effort de saisie et les risques d'erreur.

#### Utilisabilité

La searchbar doit permettre à l'utilisateur de faire possiblement une erreur minime dans sa recherche pour atteindre tout de même son objectif.

#### Instantané

Le passage de la saisie à l'affichage des résultats doit être fluide. La validation doit déclencher une action claire et rapide pour ne pas impacter la navigation.

***

### Composant lié

{% content-ref url="/pages/X5jVI1da8wv0fY4tcExg" %}
[Bouton](/documentation/components/button.md)
{% endcontent-ref %}