Eingabefelder

Passcode slot input

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

Enter the 6-character code sent to your device

Passcode slot input verwenden

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

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: length, value, accentColor, grouped

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?

Vorschau und Beschreibung sind öffentlich. Melde dich mit einem berechtigten Konto an, um Code, Framework-Versionen und Installation zu öffnen.

Verbinde deinen Agenten

Ähnliche Komponenten

1535OTP fieldEingabefelderEin einmaliges Codefeld mit separaten Kästchen über einem versteckten Eingang, wobei eine Akzentkachel zu dem zu bearbeitenden Kästchen gleitet und die Zeile pulsiert, sobald der Code vollständig ist.

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.

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