Eingabefelder

Text field

Ein einzeiliges Textfeld mit weichem Rand, einem Akzentfokusring, einem stummgeschalteten Platzhalter und einem ordnungsgemäßen Deaktivierungsstatus.

Text field verwenden

Ein einzeiliges Textfeld mit weichem Rand, einem Akzentfokusring, einem stummgeschalteten Platzhalter und einem ordnungsgemäßen Deaktivierungsstatus.

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, accent, 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

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

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

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.

2356Focus ring text inputEingabefelderEin einzeiliges Textfeld mit einem gedämpften Platzhalter und einem durchgehenden Akzentring, der nur bei Fokus angezeigt wird.

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.