Select
Auswahlfeld mit eigenem Popup, Gruppen, Beschreibungen und Icons. Der Trigger ist so hoch wie Input und Button; die Tastatur- und Touch-Bedienung kommt vollständig von Base UI.
Größen
sm, md und lg folgen den Dichte-Tokens und sind exakt so hoch wie Input und Button derselben Größe.
Zustände
Invalid setzt aria-invalid und den Danger-Ring; disabled bleibt sichtbar, ist aber nicht bedienbar.
Gruppen, Beschreibungen und Icons
Einträge mit gleichem group-Wert landen unter einer Überschrift. Beschreibungen und Icons bleiben optional.
Langes Label
Der Trigger kürzt mit Ellipsis und trägt das volle Label im title; im Popup bricht der Text um.
Im Field
Label, Beschreibung und Fehler verknüpfen sich automatisch mit dem Trigger.
Bestimmt deine Standardansicht.
Kontrolliert
Der Wert liegt im State; die Anzeige daneben zeigt den aktuellen Callback-Wert.
Gewählt: design
Playground
Größe und Zustand umschalten.
Barrierefreiheit
Der Trigger ist ein Button mit role=combobox. Pfeiltasten bewegen die Hervorhebung, Enter wählt, Escape schließt und setzt den Fokus zurück. Tippen springt per Typeahead zum passenden Eintrag. Gruppenüberschriften sind nicht wählbar.
Für kurze Listen ohne Popup bleibt NativeSelect die robusteste Wahl; Select lohnt sich bei Gruppen, Beschreibungen, Icons und langen Labels.