Seiten

Social sign-in card

Eine Anmeldeseitenkarte auf einem getönten Hintergrund, die mit Anbieterschaltflächen in voller Breite beginnt und dann einen E-Mail- und Passwort-Fallback mit untenstehenden Kleingedruckten der Bedingungen bietet.

Fieldbook

Welcome back

Choose a provider below, or use your email and password.

Or continue with

New here? Create an account

By continuing you agree to the Terms of Service and the Privacy Policy.

Social 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: brandName, accentColor, providerCount

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

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.

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.

2752Simple sign-in cardSeitenEine 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.

2756Split sign-in pageSeitenEine zweispaltige Anmeldeseite, die eine schmale Formularspalte mit einem Titelbild in voller Höhe auf der gegenüberliegenden Seite kombiniert, wobei das Bild auf kleinen Bildschirmen verschwindet.

2731Account signupSeitenEine zentrierte Anmeldeseite mit einem E-Mail-Feld, einer primären Schaltfläche zum Erstellen eines Kontos, einer Trennlinie und zwei sekundären Weiterschaltflächen für alternative Identitätsanbieter.

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.