Was macht die Komponente?

• Unterstützt die Benutzer*innen bei der Eingabe mit Vorschlägen.

Wann soll die Komponente eingesetzt werden?

• Wenn ein Eingabefeld viele vordefinierte Werte aufweisen kann.
• Als Hilfe zur Vorschau bei Suchresultaten/-feldern.

Regeln

• Die Autocompletion hat immer ein Label.
• Optionale Eingaben werden mit dem Text «(optional)» hinter dem Label versehen. Bei kurzen Feldern kann der Text «(optional)» mit «(opt.)» abgekürzt werden.
• Für detaillierte Erklärungen kann neben dem Label ein Fragezeichen im Kreis dargestellt werden. Beim Klick auf dieses Fragezeichen öffnet sich ein Tooltip.
• Während der Eingabe werden direkt Vorschläge eingeblendet (typischerweise nach drei Zeichen, kann aber projektspezifisch angepasst werden).
• Die aufgelisteten Einträge können mittels Pfeiltasten durchlaufen und mit Enter übernommen werden.
• Es werden maximal 10 Vorschläge angezeigt.
• Bei der Auswahl eines Elementes schliesst sich die Autocompletion-Auswahl.

Zustände

Die Komponente hat folgende Zustände:

• Default
• Hover
• Active

Varianten

Standard

Mit Trefferanzeige

Optional zur Standard-Variante kann diese Variante eingesetzt werden, wenn eine Autocompletion-Liste immer mehr als die maximal angezeigten 10 Treffer beinhaltet.

Mit statischen Einträgen

Spezifikationen

DesignCode