Zum Inhalt springen
fend-ui
Vorschau

Native Select

Echtes <select> mit eigener Chevron-Anzeige und derselben Höhe wie Input und Button. Ideal für kurze Listen und Formulare, in denen die native Tastatur- und Touch-Bedienung gewünscht ist.

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 nativ nicht bedienbar.

Gruppen

Mehrere optgroups strukturieren längere Listen; die Überschriften sind nicht wählbar.

Im Field

Label, Beschreibung und Fehler verknüpfen sich automatisch mit dem nativen Select.

Bestimmt deine Standardansicht.

Bitte wähle eine Rolle.

Playground

Größe und Zustand umschalten.

Barrierefreiheit

Das native Select bringt Tastatur-, Touch- und Screenreader-Verhalten mit. Das Chevron ist aria-hidden und liegt nicht in der Tab-Reihenfolge.

Für lange Listen mit Suche oder Gruppen folgt in Teilplan 02 das eigene Select; für kurze Listen bleibt NativeSelect die robusteste Wahl.