Eingabefelder

Focus ring text input

Ein einzeiliges Textfeld mit einem gedämpften Platzhalter und einem durchgehenden Akzentring, der nur bei Fokus angezeigt wird.

Focus ring text input verwenden

Ein einzeiliges Textfeld mit einem gedämpften Platzhalter und einem durchgehenden Akzentring, der nur bei Fokus angezeigt wird.

Teste die Vorschau mit Maus und Tastatur. Prüfe den sichtbaren Fokus und das Layout auf schmalen Bildschirmen in deiner eigenen Seite. Nenne deinem Agenten die Nummer oder den Bezeichner, um diese Komponente abzurufen.

Eigenschaften: placeholder, accentColor, disabled

Welche Frameworks sind verfügbar?

Der Katalog enthält diese Versionen: react, vue, svelte, astro, html. Die Vorschau auf dieser Seite verwendet React.

Wie greife ich auf die Implementierung zu?

Code, Framework-Versionen und Installationsbefehle sind im Arbeitsbereich oben verfügbar.

Verbinde deinen Agenten

Ähnliche Komponenten

2321Clean Text FieldEingabefelderEine schnörkellose, umrandete Texteingabe für ein beschriftetes Formular: neutral im Ruhezustand, ein klarer Akzentring im Fokus, stummgeschaltet, wenn deaktiviert.

2792Auto Grow TextareaEingabefelderEin mehrzeiliges Textfeld, das größer wird, wenn die Person mehr tippt, anstatt in einem festen Feld zu scrollen.

1529Floating label inputEingabefelderEin Textfeld, dessen Beschriftung innerhalb des Felds liegt und beim Fokussieren oder sobald das Feld einen Wert hat, an den oberen Rand ansteigt, mit fokussiertem, gültigem und ungültigem Aussehen.

2393Passcode slot inputEingabefelderEin einmaliges Passcode-Feld aus verschmolzenen Slots mit gemeinsamem Rand über einem versteckten Eingang, mit einem blinkenden Caret im aktiven leeren Slot.

2791Single value sliderEingabefelderEin horizontaler Schieberegler mit einem verschiebbaren Daumen, der die Spur dahinter ausfüllt, sodass der aktuelle Wert auf einen Blick ablesbar ist.

2050Spring dot radio groupEingabefelderEine Radiogruppe, deren ausgewählter Punkt mit einem kleinen Überschwinger einspringt, während der vorherige Punkt kleiner wird und sich kreuzt, anstatt einzurasten.