Pages

Split sign-in page

Une page de connexion à deux colonnes associant une colonne de formulaire étroite à une image de couverture pleine hauteur sur le côté opposé, l'image tombant sur les petits écrans.

Utiliser Split sign-in page

Une page de connexion à deux colonnes associant une colonne de formulaire étroite à une image de couverture pleine hauteur sur le côté opposé, l'image tombant sur les petits écrans.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: brandName, accentColor, imageSide

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

Sign-in card with photo

2747Sign-in card with photoPagesUne large carte de connexion divisée en une moitié de formulaire et une moitié de photo, centrée sur une page teintée, avec des boutons de fournisseur contenant uniquement des icônes.

Simple sign-in card

2752Simple sign-in cardPagesUne carte de page de connexion centrée avec un champ de courrier électronique étiqueté, un champ de mot de passe avec un lien de mot de passe oublié, un bouton de soumission principal et un bouton de fournisseur alternatif décrit.

Social sign-in card

2753Social sign-in cardPagesUne carte de page de connexion sur fond teinté qui mène à des boutons de fournisseur sur toute la largeur, puis propose un e-mail et un mot de passe de secours avec les termes en petits caractères ci-dessous.

Minimal email sign in

2740Minimal email sign inPagesUne page de connexion sans mot de passe avec une marque, un en-tête de bienvenue, un champ de courrier électronique, un bouton principal et deux options de connexion alternatives sous un séparateur.

Muted social login

2742Muted social loginPagesUne page de connexion complète sur un fond légèrement teinté avec une marque, deux boutons de connexion sociale, un séparateur et un formulaire d'e-mail et de mot de passe sur une seule carte.

Simple centered login

2751Simple centered loginPagesUne carte de page de connexion centrée avec des champs d'e-mail et de mot de passe, un bouton d'envoi pleine largeur, un bouton d'authentification unique en option et un lien pour créer un compte.