Chargement du composant...
Chargement
Je vous remercie ! Je mettrai à jour
ce projet dès que possible.
ce projet dès que possible.
Oups ! Un problème s'est produit lors de l'envoi du formulaire.
Comment activer l'authentification Google
Comment activer l'authentification Facebook
Comment activer l'authentification Spotify
Comment activer l'authentification Dribbble
Comment activer l'authentification Github
Comment activer l'authentification LinkedIn
Comment activer les connexions sans mot de passe
Comment configurer la validation du mot de passe
Comment afficher/masquer le mot de passe
Comment travailler avec des images de profil
Comment ajouter un flux d'oubli de mot de passe
Comment travailler avec des cases à cocher
Comment configurer les tables de tarification
A propos du portail client Stripe
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d4","1fadcb18-b6b6-244e-43da-1ba0e68184e5","1fadcb18-b6b6-244e-43da-1ba0e68184e8"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d4","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d2","1fadcb18-b6b6-244e-43da-1ba0e68184dc","1fadcb18-b6b6-244e-43da-1ba0e68184de","1fadcb18-b6b6-244e-43da-1ba0e68184df","1fadcb18-b6b6-244e-43da-1ba0e68184e1","1fadcb18-b6b6-244e-43da-1ba0e68184e2","1fadcb18-b6b6-244e-43da-1ba0e68184e3"],"data":{"form":{"type":"form","name":"login"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"attr":{"id":"login","name":"wf-form-login","data-name":"login","method":"post","redirect":"","data-redirect":"","action":""},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d2","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d3"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d3","text":true,"v":"Welcome back!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dc","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184dd"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dd","text":true,"v":"Email"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184de","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"Email Address","type":"email","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184df","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e0"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e0","text":true,"v":"Password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e1","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"Password","placeholder":"Password","type":"password","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e2","type":"FormButton","tag":"input","classes":["261d663d-c758-5f55-06b6-2c52a3a0b674","b9a4aa12-743e-d5d0-aff6-cfa41d0685e5"],"children":[],"data":{"attr":{"type":"submit","value":"CONTINUE","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e3","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["544745d9-01ba-07b1-1e7c-87f1d4d3c568"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"544745d9-01ba-07b1-1e7c-87f1d4d3c568","text":true,"v":"I forgot my password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e6"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e6","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e8","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e9"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e9","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184ea"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184ea","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d5e0fb65-f3cc-6e57-0683-970f78a3afa6","fake":false,"type":"class","name":"Login Form","namespace":"","comb":"","styleLess":"margin-top: 60px; margin-bottom: 60px;","variants":{"small":{"styleLess":"padding-right: 5%; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914d","fake":false,"type":"class","name":"login container","namespace":"","comb":"","styleLess":"z-index: 10; display: block; width: 100%; max-width: 440px; margin-right: auto; margin-left: auto;","variants":{"tiny":{"styleLess":"min-width: 0px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9150","fake":false,"type":"class","name":"Login Field","namespace":"","comb":"","styleLess":"position: relative; height: 70px; margin-bottom: 15px; padding-top: 20px; padding-bottom: 0px; padding-left: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 18px; font-weight: 400;","variants":{"main_hover":{"styleLess":"font-weight: 400;"},"main_focus":{"styleLess":"z-index: 1; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 100.00%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 100.00%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 100.00%, 58.43%, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 hsla(228, 100.00%, 58.43%, 1.00);"},"small":{"styleLess":"height: 64px; padding-top: 13px; font-size: 16px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915c","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"selector":null},{"_id":"b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","fake":false,"type":"class","name":"Full Button","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["3c8e6ecf-e83a-8fe3-af77-c73494c655e9"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9152","fake":false,"type":"class","name":"Password Link","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); color: hsla(228, 100.00%, 58.43%, 1.00); line-height: 1.8em; font-weight: 400;","variants":{"small":{"styleLess":"padding-top: 10px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9151","fake":false,"type":"class","name":"Login Head","namespace":"","comb":"","styleLess":"margin-top: 90px; margin-bottom: 30px; font-size: 32px; line-height: 60px; text-align: center;","variants":{"small":{"styleLess":"font-size: 24px; line-height: 40px;"}},"children":[],"selector":null},{"_id":"261d663d-c758-5f55-06b6-2c52a3a0b674","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"margin-top: 10px; padding-top: 15px; padding-right: 22px; padding-bottom: 13px; padding-left: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(228, 100.00%, 58.43%, 1.00); background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1)); box-shadow: 0 10px 20px -5px hsla(204.62264150943398, 78.49%, 23.16%, 0.20); color: white; font-size: 17px; line-height: 26px; font-weight: 700; text-align: center;","variants":{"tiny":{"styleLess":"padding-top: 10px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-size: 14px;"}},"children":["b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","b2e4a30e-574a-b515-d174-c96075074489","b8dbf0c8-321e-a715-9ebf-b6351149f86f","217ae1de-fdca-c5ef-3716-bb19b79cc7ef"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914f","fake":false,"type":"class","name":"Login Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; height: 26px; margin-bottom: -26px; padding-left: 10px; color: black; font-size: 13px; line-height: 33px;","variants":{"small":{"styleLess":"height: 20px; margin-bottom: -20px; font-size: 12px; line-height: 27px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915d"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9158","fake":false,"type":"class","name":"Error Message","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 100; padding-top: 22px; padding-bottom: 22px; background-color: black; color: white; font-weight: 700; text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Cloner dans Webflow
Composant de copie
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d1","type":"FormWrapper","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914d"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d4","1fadcb18-b6b6-244e-43da-1ba0e68184e5","1fadcb18-b6b6-244e-43da-1ba0e68184e8"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d4","type":"FormForm","tag":"form","classes":["d5e0fb65-f3cc-6e57-0683-970f78a3afa6"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d2","1fadcb18-b6b6-244e-43da-1ba0e68184dc","1fadcb18-b6b6-244e-43da-1ba0e68184de","1fadcb18-b6b6-244e-43da-1ba0e68184df","1fadcb18-b6b6-244e-43da-1ba0e68184e1","1fadcb18-b6b6-244e-43da-1ba0e68184e2","1fadcb18-b6b6-244e-43da-1ba0e68184e3"],"data":{"form":{"type":"form","name":"login"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"login"}],"attr":{"id":"login","name":"wf-form-login","data-name":"login","method":"post","redirect":"","data-redirect":"","action":""},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d2","type":"Heading","tag":"h1","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9151"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184d3"],"data":{"tag":"h1","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184d3","text":true,"v":"Welcome back!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dc","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184dd"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184dd","text":true,"v":"Email"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184de","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"email","data-name":"email","placeholder":"Email Address","type":"email","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"email","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184df","type":"FormBlockLabel","tag":"label","classes":["1f8564d6-2a35-1151-656b-9c2fc19e914f"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e0"],"data":{"form":{"type":"label"},"attr":{"for":"field","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e0","text":true,"v":"Password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e1","type":"FormTextInput","tag":"input","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9150"],"children":[],"data":{"attr":{"autofocus":false,"maxlength":256,"name":"password","data-name":"Password","placeholder":"Password","type":"password","id":"field","disabled":false,"required":true},"form":{"type":"input","name":"Password","passwordPage":false},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e2","type":"FormButton","tag":"input","classes":["261d663d-c758-5f55-06b6-2c52a3a0b674","b9a4aa12-743e-d5d0-aff6-cfa41d0685e5"],"children":[],"data":{"attr":{"type":"submit","value":"CONTINUE","data-wait":"Please wait...","id":""},"form":{"type":"button","wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e3","type":"Link","tag":"a","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9152"],"children":["544745d9-01ba-07b1-1e7c-87f1d4d3c568"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"forgot-password"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external"}}},{"_id":"544745d9-01ba-07b1-1e7c-87f1d4d3c568","text":true,"v":"I forgot my password"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e5","type":"FormSuccessMessage","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e6"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e6","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e7"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e7","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e8","type":"FormErrorMessage","tag":"div","classes":["1f8564d6-2a35-1151-656b-9c2fc19e9158"],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184e9"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184e9","type":"Block","tag":"div","classes":[],"children":["1fadcb18-b6b6-244e-43da-1ba0e68184ea"],"data":{"tag":"div","text":true,"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"1fadcb18-b6b6-244e-43da-1ba0e68184ea","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"d5e0fb65-f3cc-6e57-0683-970f78a3afa6","fake":false,"type":"class","name":"Login Form","namespace":"","comb":"","styleLess":"margin-top: 60px; margin-bottom: 60px;","variants":{"small":{"styleLess":"padding-right: 5%; padding-left: 5%;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914d","fake":false,"type":"class","name":"login container","namespace":"","comb":"","styleLess":"z-index: 10; display: block; width: 100%; max-width: 440px; margin-right: auto; margin-left: auto;","variants":{"tiny":{"styleLess":"min-width: 0px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9150","fake":false,"type":"class","name":"Login Field","namespace":"","comb":"","styleLess":"position: relative; height: 70px; margin-bottom: 15px; padding-top: 20px; padding-bottom: 0px; padding-left: 14px; border-top-style: solid; border-top-width: 1px; border-top-color: black; border-right-style: solid; border-right-width: 1px; border-right-color: black; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: black; border-left-style: solid; border-left-width: 1px; border-left-color: black; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: white; box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 18px; font-weight: 400;","variants":{"main_hover":{"styleLess":"font-weight: 400;"},"main_focus":{"styleLess":"z-index: 1; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(228, 100.00%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(228, 100.00%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(228, 100.00%, 58.43%, 1.00); box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 hsla(228, 100.00%, 58.43%, 1.00);"},"small":{"styleLess":"height: 64px; padding-top: 13px; font-size: 16px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915c","1f8564d6-2a35-1151-656b-9c2fc19e915e"],"selector":null},{"_id":"b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","fake":false,"type":"class","name":"Full Button","namespace":"","comb":"&","styleLess":"width: 100%;","variants":{},"children":["3c8e6ecf-e83a-8fe3-af77-c73494c655e9"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9152","fake":false,"type":"class","name":"Password Link","namespace":"","comb":"","styleLess":"display: inline-block; padding-top: 20px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(228, 100.00%, 58.43%, 1.00); color: hsla(228, 100.00%, 58.43%, 1.00); line-height: 1.8em; font-weight: 400;","variants":{"small":{"styleLess":"padding-top: 10px;"}},"children":[],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9151","fake":false,"type":"class","name":"Login Head","namespace":"","comb":"","styleLess":"margin-top: 90px; margin-bottom: 30px; font-size: 32px; line-height: 60px; text-align: center;","variants":{"small":{"styleLess":"font-size: 24px; line-height: 40px;"}},"children":[],"selector":null},{"_id":"261d663d-c758-5f55-06b6-2c52a3a0b674","fake":false,"type":"class","name":"Button","namespace":"","comb":"","styleLess":"margin-top: 10px; padding-top: 15px; padding-right: 22px; padding-bottom: 13px; padding-left: 22px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(228, 100.00%, 58.43%, 1.00); background-image: radial-gradient(circle closest-corner at 50% 50%, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.1)); box-shadow: 0 10px 20px -5px hsla(204.62264150943398, 78.49%, 23.16%, 0.20); color: white; font-size: 17px; line-height: 26px; font-weight: 700; text-align: center;","variants":{"tiny":{"styleLess":"padding-top: 10px; padding-right: 18px; padding-bottom: 9px; padding-left: 18px; font-size: 14px;"}},"children":["b9a4aa12-743e-d5d0-aff6-cfa41d0685e5","b2e4a30e-574a-b515-d174-c96075074489","b8dbf0c8-321e-a715-9ebf-b6351149f86f","217ae1de-fdca-c5ef-3716-bb19b79cc7ef"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e914f","fake":false,"type":"class","name":"Login Label","namespace":"","comb":"","styleLess":"position: relative; z-index: 2; height: 26px; margin-bottom: -26px; padding-left: 10px; color: black; font-size: 13px; line-height: 33px;","variants":{"small":{"styleLess":"height: 20px; margin-bottom: -20px; font-size: 12px; line-height: 27px;"}},"children":["1f8564d6-2a35-1151-656b-9c2fc19e915d"],"selector":null},{"_id":"1f8564d6-2a35-1151-656b-9c2fc19e9158","fake":false,"type":"class","name":"Error Message","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 100; padding-top: 22px; padding-bottom: 22px; background-color: black; color: white; font-weight: 700; text-align: center;","variants":{},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Navigateur non pris en charge. Utilisez
Chrome ou Safari.
Chrome ou Safari.
A propos de ce composant
Généré par l'IA
Description du composant (générée par l'IA)
Login #1 is a user-friendly login form designed to facilitate user authentication with a clean and modern interface.
Caractéristiques principales :
- Comprend des champs pour la saisie de l'adresse électronique et du mot de passe
- Features a 'Continue' button for form submission
- Provides links for password recovery
- Displays success and error messages upon form submission
- Conception adaptée à différents appareils
Éléments de conception :
- Modern styling with rounded corners and subtle shadows
- Color scheme includes a primary blue for buttons and links
- Clear typography with a focus on readability
Cas d'utilisation potentiels :
- Web applications requiring user login functionality
- E-commerce sites needing secure customer access
- Membership platforms for user account management
- Corporate websites with employee login sections
- Educational platforms for student and faculty access
Conclusion: Login #1 is a versatile and visually appealing login form that can enhance user experience across various web applications.
Commencer à construire
Commencez à construire vos rêves
Memberstack est 100% gratuit jusqu'à ce que vous soyez prêt à vous lancer - alors, qu'attendez-vous ? Créez votre première application et commencez à construire dès aujourd'hui.