Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
Hoe Google-verificatie inschakelen
Facebook-verificatie inschakelen
Spotify verificatie inschakelen
Hoe Dribbble verificatie in te schakelen
Hoe de Github-authenticatie in te schakelen
Hoe LinkedIn verificatie inschakelen
Hoe wachtwoordloze aanmeldingen inschakelen
Hoe wachtwoordvalidatie configureren
Hoe wachtwoord tonen/verbergen
Werken met profielafbeeldingen
Hoe een wachtwoord vergeten-flow toevoegen
Werken met selectievakjes
Hoe prijstabellen configureren
Over het Stripe klantenportaal
{"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}}
Klonen in Webflow
Kopieer component
{"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}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
Over dit onderdeel
AI-gegenereerd
Beschrijving van onderdeel (gegenereerd door AI)
Login #1 is a user-friendly login form designed to facilitate user authentication with a clean and modern interface.
Belangrijkste kenmerken:
- Includes fields for email and password input
- Features a 'Continue' button for form submission
- Provides links for password recovery
- Displays success and error messages upon form submission
- Responsive design suitable for various devices
Ontwerpelementen:
- 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
Potentiële gebruikssituaties:
- 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.
Bouwen
Begin met het bouwen van je dromen
Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.