Seiten

Simple sign-in card

Eine zentrierte Anmeldeseitenkarte mit einem beschrifteten E-Mail-Feld, einem Passwortfeld mit einem Link zum Vergessen des Passworts, einer primären Schaltfläche zum Senden und einer umrissenen Schaltfläche für einen alternativen Anbieter.

Login to your account

Enter your details below to sign in.

Simple sign-in card 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: heading, accentColor, showAltProvider, providerLabel

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

2747Sign-in card with photoSeitenEine breite Anmeldekarte, aufgeteilt in eine Formularhälfte und eine Fotohälfte, zentriert auf einer getönten Seite, mit Anbieterschaltflächen, die nur aus Symbolen bestehen.

2740Minimal email sign inSeitenEine passwortfreie Anmeldeseite mit einem Markenzeichen, einer Begrüßungsüberschrift, einem E-Mail-Feld, einer primären Schaltfläche und zwei alternativen Anmeldeoptionen unter einer Trennlinie.

2742Muted social loginSeitenEine vollständige Anmeldeseite auf einem sanft getönten Hintergrund mit einem Markenzeichen, zwei Social-Sign-in-Schaltflächen, einer Trennwand sowie einem E-Mail- und Passwortformular auf einer Karte.

2748Signup card on tintSeitenEine zentrierte Anmeldekarte auf einem getönten Seitenhintergrund, auf der die Felder „Passwort“ und „Passwort bestätigen“ nebeneinander unter einer gemeinsamen Hilfszeile zusammengefasst sind.

2749Signup card with photoSeitenEine breite Anmeldekarte, aufgeteilt in eine Formularhälfte und eine ausgeschnittene Fotohälfte, sammelt E-Mails und gepaarte Passwörter vor einer Reihe von Anbieterschaltflächen, die nur aus Symbolen bestehen.

2751Simple centered loginSeitenEine zentrierte Anmeldeseitenkarte mit E-Mail- und Passwortfeldern, einer Senden-Schaltfläche in voller Breite, einer optionalen Single-Sign-On-Schaltfläche und einem Link zum Erstellen eines Kontos.