# SearchField

Ein SearchField ist ein Eingabefeld, mit dem gezielt nach Inhalten innerhalb einer Anwendung gesucht werden kann.

## Guidelines

# Grundlagen

Ein SearchField unterstützt die effiziente Navigation und hilft dabei, große
Informationsmengen schnell zu durchsuchen und relevante Ergebnisse zu finden.

## Best practices

Achte bei der Verwendung eines SearchFields darauf, dass ...

- visuelles Feedback bei Ladezuständen oder Fehlern (z. B. keine Suchergebnisse
  gefunden) gegeben wird.
- die Component selbst keine Suchlogik mitbringt und daher mit einer Logik- oder
  Formular-Component wie
  [Form (React Hook Form)](/04-components/react-hook-form/form/overview)
  kombiniert werden sollte.
- sie leicht zugänglich und gut sichtbar positioniert ist, vorzugsweise an
  Stellen, an denen User eine Suche erwarten.

## Verwendung

Verwende ein SearchField, um ...

- große Datenmengen (z. B. in der
  [List](/04-components/structure/list/overview)) gezielt und effizient zu
  durchsuchen.
- Usern das schnelle Auffinden von Inhalten, Produkten oder Daten zu
  ermöglichen.
- die Navigation innerhalb komplexer Anwendungen oder Websites zu unterstützen.