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) 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) 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.