Komponenten

Select

Select-Felder bieten Nutzern die Möglichkeit, ein oder mehrere Elemente aus einer Liste auszuwählen. In diesem Guide erfahren Sie, wie Sie diese anwenden.

Select
  • Anwendung
  • Beispiele
  • Verwandte Komponenten
  • Download

Anwendung

Single-Select

Das Single-Select-Feld öffnet eine Liste, aus der Nutzer eine Option wählen können.

Multi-Select

Das Multi-Select-Feld öffnet eine Liste, aus der Nutzer eine oder mehrere Optionen wählen können. Wenn Inhalte mit Filtern eingegrenzt werden sollen (z. B. Listen oder Artikel), kann eine einfache Toggle Select-Funktion (ein Text Button mit einer Auswahlliste) als platzsparende Alternative dienen.

Select mit Suchfunktion

Das Select-Feld mit Suchfunktion zeigt Nutzern eine Liste mit Auswahlmöglichkeiten an und hilft so, gewünschte Inhalte zu finden. Noch während der Nutzer einen Suchbegriff eingibt, wird die Liste auf den/die eingegebenen Schlüsselbegriff/e eingegrenzt. Diese können als Chip hinzugefügt werden, welche die Suche und Filterung nach mehreren Begriffen ermöglicht.

Select mit Suchfunktion und Chips

Ähnlich wie beim Select-Feld mit Suchfunktion können Nutzer über das Select-Feld mit Suchfunktion und Chips nach mehreren Begriffen auf einmal suchen. Suchbegriffe können als Chip hinzugefügt und auf Wunsch wieder gelöscht werden.

Beispiele

Verwandte Komponenten

Download

Wenn Sie ein Dokument herunterladen, akzeptieren Sie unsere Nutzungsbedingungen.

Sketch UI Library