Loading Component...

Loading

More Components

View All
Login #1
Copy 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}}

More Login Components

View All

More #1 - Light Template Components

View All