Eingabefelder

OTP field

Ein 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.

Confirm this sign in

Step 2 of 2

We sent a 6 digit code to the number ending in 41. Type it or paste the whole thing.

0 of 6 entered

Codes stay valid for 10 minutes

OTP field verwenden

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

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

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

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.

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

2760Character budget counterEingabefelderEin Schreibfeld mit einer Anzeige für die verbleibenden Zeichen, die auf eine Feder schlägt und sich in der Farbe erwärmt, wenn das Budget aufgebraucht ist.

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

2762Command search paletteEingabefelderEin Suchfeld, das während der Eingabe eine gefilterte Liste von Befehlen unter sich ablegt, mit Pfeiltasten-Hervorhebung, Hover-Auswahl und einer Fußzeile mit Tastaturhinweisen.