Formulare

Paired Code Split View

Ein Verifizierungsschritt mit geteiltem Bildschirm, dessen Codefelder in Paaren mit Bindestrichen dazwischen gruppiert sind und sich selbst senden, sobald das letzte Feld ausgefüllt ist.

Enter your code

We sent a verification code to your email. Enter all 6 digits below to continue.

Paired Code Split View verwenden

Ein Verifizierungsschritt mit geteiltem Bildschirm, dessen Codefelder in Paaren mit Bindestrichen dazwischen gruppiert sind und sich selbst senden, sobald das letzte Feld ausgefüllt ist.

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: accentColor, groups, perGroup, autoSubmit, showArtPanel

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

2064Tall Code KeypadFormulareEin randloses Verifizierungsformular, das auf ungewöhnlich hohen Codefeldern basiert, mit Ziffern, die mit einem kurzen Sprung landen, und einer gedrückten Rücktaste, die alles löscht.

1925Branded Code PanelFormulareEin zentriertes Verifizierungsfeld unter einem kleinen Markenschloss, bei dem ein abgelehnter Code die Zeile einmal schüttelt, sie löscht und die Hände wieder auf das erste Kästchen konzentriert.

1938Code cover cardFormulareEine breite Verifizierungskarte mit dem Codeformular auf der einen Seite und einem Abdeckfeld auf der anderen Seite, das bei der Eingabe von Ziffern einen Fortschrittsbalken ausfüllt.

2080Verification Code CardFormulareEin umrahmter Verifizierungsschritt mit einem beschrifteten Codefeld, einer Verifizierungsschaltfläche, die erst entsperrt wird, wenn der Code vollständig ist, und einem Link zum erneuten Senden bei einem Countdown.

1957Field with status iconFormulareEine beschriftete Eingabe, an deren hinterer Kante ein kleines Häkchen- oder Warnsymbol angezeigt wird, das ausgeblendet wird, sobald sich die Gültigkeit des Felds ändert, ohne dass sich das Layout ändert.

1964Focus Guard FormFormulareEin Formular, das bei einer fehlgeschlagenen Übermittlung die Übermittlung abbricht, den Tastaturfokus direkt auf das erste ungültige Feld verschiebt und das Problem für Benutzer von Bildschirmleseprogrammen ankündigt.