Loading Component...

Loading

More Components

View All
Part of

Hidden Password Field

Oops! Something went wrong while submitting the form.
Hidden Password Field
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f19","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b94b"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f1a","7e3721e6-dbf9-72fa-896f-f99cc3fe5f1e","7e3721e6-dbf9-72fa-896f-f99cc3fe5f47"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1a","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b945"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f1b"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1b","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b941"],"children":["7bd9dbcf-d1c1-51ad-1a66-54d0c40b411b"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7bd9dbcf-d1c1-51ad-1a66-54d0c40b411b","type":"Link","tag":"a","classes":["e14be5a9-7f1a-bb5b-4951-f9f0bd2ecedd"],"children":["000a22b9-4520-4367-70a2-30623c61c63d"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"000a22b9-4520-4367-70a2-30623c61c63d","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b93c"],"children":["000a22b9-4520-4367-70a2-30623c61c63e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"000a22b9-4520-4367-70a2-30623c61c63e","text":true,"v":"(+) Logo"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1e","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b937"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f1f"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1f","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b935"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f24","7e3721e6-dbf9-72fa-896f-f99cc3fe5f41"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f24","type":"FormWrapper","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f25","7e3721e6-dbf9-72fa-896f-f99cc3fe5f3b","7e3721e6-dbf9-72fa-896f-f99cc3fe5f3e"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f25","type":"FormForm","tag":"form","classes":["dece5ac3-a374-c351-3674-705230f1b939"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f26","7e3721e6-dbf9-72fa-896f-f99cc3fe5f28","7e3721e6-dbf9-72fa-896f-f99cc3fe5f29","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2a","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2b","7e3721e6-dbf9-72fa-896f-f99cc3fe5f3a"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f26","type":"FormBlockLabel","tag":"label","classes":["dece5ac3-a374-c351-3674-705230f1b949"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f27"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f27","text":true,"v":"Email"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f28","type":"FormTextInput","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b93a","dece5ac3-a374-c351-3674-705230f1b94d"],"children":[],"data":{"form":{"name":"Email 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"Email-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f29","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2a","type":"HtmlEmbed","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b940"],"children":[],"v":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-field:valid ~ .password-wrap{\n \theight: 122px;\n }\n</style>","data":{"embed":{"type":"html","meta":{"html":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-field:valid ~ .password-wrap{\n \theight: 122px;\n }\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2b","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948","dece5ac3-a374-c351-3674-705230f1b94c"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f2c","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2e","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2f","7e3721e6-dbf9-72fa-896f-f99cc3fe5f31"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2c","type":"FormBlockLabel","tag":"label","classes":["dece5ac3-a374-c351-3674-705230f1b949"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f2d"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2d","text":true,"v":"Password"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2e","type":"FormTextInput","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b93a"],"children":[],"data":{"form":{"name":"Password 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2f","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b946"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f30"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f30","text":true,"v":"Must be at least 8 characters"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f31","type":"FormCheckboxWrapper","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b93f"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f32","7e3721e6-dbf9-72fa-896f-f99cc3fe5f33"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f32","type":"FormCheckboxInput","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b93d"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"default","attr":{"type":"checkbox","name":"Checkbox-3","id":"Checkbox-3","data-name":"Checkbox 3","required":true,"checked":false},"xattr":[{"name":"data-ms-member","value":"gdpr"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f33","type":"FormInlineLabel","tag":"label","classes":["dece5ac3-a374-c351-3674-705230f1b93e"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f34","7e3721e6-dbf9-72fa-896f-f99cc3fe5f35","7e3721e6-dbf9-72fa-896f-f99cc3fe5f37","7e3721e6-dbf9-72fa-896f-f99cc3fe5f38"],"data":{"form":{"type":"checkbox-label"},"attr":{"for":"Checkbox-4","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f34","text":true,"v":"I agree to the "},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f35","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b947"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f36"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f36","text":true,"v":"Terms of Service"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f37","text":true,"v":" and "},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f38","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b947"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f39"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f39","text":true,"v":"Privacy Policy"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3a","type":"FormButton","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b942"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f3c"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3c","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f3d"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3e","type":"FormErrorMessage","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f3f"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3f","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f40"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f40","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f41","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b943"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f42"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f42","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f43","7e3721e6-dbf9-72fa-896f-f99cc3fe5f44"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f43","text":true,"v":"Already have an account? "},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f44","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b947"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f45"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"login"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f45","type":"Strong","tag":"strong","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f46"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f46","text":true,"v":"Log in"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f47","type":"Section","tag":"footer","classes":["dece5ac3-a374-c351-3674-705230f1b94a"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f48"],"data":{"tag":"footer","grid":{"type":"section"},"attr":{"id":"footer"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f48","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b941"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f49"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f49","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b938"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4a","7e3721e6-dbf9-72fa-896f-f99cc3fe5f4c"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4a","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4b"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4b","text":true,"v":"Copyright © 2020 My Company."},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4c","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b93b"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4d"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4d","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4e","text":true,"v":"✉️ showcase@memberstack.com"}],"styles":[{"_id":"dece5ac3-a374-c351-3674-705230f1b94c","fake":false,"type":"class","name":"password-wrap","namespace":"","comb":"&","styleLess":"overflow: hidden; height: 0px; margin-right: -2px; margin-left: -2px; padding-right: 2px; padding-left: 2px; transition-property: height; transition-duration: 200ms; transition-timing-function: ease;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b94a","fake":false,"type":"class","name":"footer","namespace":"","comb":"","styleLess":"padding-top: 10vh; padding-bottom: 5vh; align-items: flex-start; font-size: 13px; text-align: center;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px; text-align: left;"},"medium":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93e","fake":false,"type":"class","name":"checkbox-label","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 0.80); font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b941","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"padding-right: 5%; padding-left: 5%;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93d","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 14px; height: 14px;","variants":{"main_redirected-checked":{"styleLess":"background-color: #2d323e;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b946","fake":false,"type":"class","name":"field-description","namespace":"","comb":"","styleLess":"margin-top: 3px; color: hsla(0, 0.00%, 0.00%, 0.60); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b948","fake":false,"type":"class","name":"text-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-bottom: 12px; flex-direction: column;","variants":{},"children":["dece5ac3-a374-c351-3674-705230f1b94c"],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93c","fake":false,"type":"class","name":"fake-logo","namespace":"","comb":"","styleLess":"height: 20px; color: #333; font-size: 20px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b942","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 45px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 16px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(236.31578947368422, 55.02%, 34.40%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b949","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 3px; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-size: 13.5px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b94d","fake":false,"type":"class","name":"email-field","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b935","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 360px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93b","fake":false,"type":"class","name":"footer-column","namespace":"","comb":"","styleLess":"","variants":{"tiny":{"styleLess":"margin-top: 20px;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b940","fake":false,"type":"class","name":"hide-on-load","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b937","fake":false,"type":"class","name":"flex-stack-center","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"e14be5a9-7f1a-bb5b-4951-f9f0bd2ecedd","fake":false,"type":"class","name":"Link Block","namespace":"","comb":"","styleLess":"text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b947","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 100.00%, 74.11%, 1.00);","variants":{"main_hover":{"styleLess":"color: hsla(236.31578947368422, 55.02%, 34.40%, 1.00);"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b943","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b94b","fake":false,"type":"class","name":"short-page-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; width: 100%; min-height: 100vh; min-width: 50%; flex-direction: column; justify-content: space-between;","variants":{"small":{"styleLess":"flex-direction: column;"},"medium":{"styleLess":"height: auto; flex-direction: column;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93f","fake":false,"type":"class","name":"checkbox-field","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b939","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; padding-top: 10px; justify-content: space-between; flex-wrap: wrap;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93a","fake":false,"type":"class","name":"text-field","namespace":"","comb":"","styleLess":"height: 42px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(0, 0.00%, 0.00%, 0.80); border-right-color: hsla(0, 0.00%, 0.00%, 0.80); border-bottom-color: hsla(0, 0.00%, 0.00%, 0.80); border-left-color: hsla(0, 0.00%, 0.00%, 0.80); box-shadow: 0 1px 4px 0 rgba(220, 220, 229, 0.9);"}},"children":["dece5ac3-a374-c351-3674-705230f1b94d"],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b945","fake":false,"type":"class","name":"navbar","namespace":"","comb":"","styleLess":"padding-top: 4vh; padding-bottom: 4vh;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b938","fake":false,"type":"class","name":"Footer Flex Container","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; text-align: left;","variants":{"tiny":{"styleLess":"flex-direction: column;"}},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f19","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b94b"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f1a","7e3721e6-dbf9-72fa-896f-f99cc3fe5f1e","7e3721e6-dbf9-72fa-896f-f99cc3fe5f47"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1a","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b945"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f1b"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1b","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b941"],"children":["7bd9dbcf-d1c1-51ad-1a66-54d0c40b411b"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7bd9dbcf-d1c1-51ad-1a66-54d0c40b411b","type":"Link","tag":"a","classes":["e14be5a9-7f1a-bb5b-4951-f9f0bd2ecedd"],"children":["000a22b9-4520-4367-70a2-30623c61c63d"],"data":{"search":{"exclude":false},"xattr":[],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"000a22b9-4520-4367-70a2-30623c61c63d","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b93c"],"children":["000a22b9-4520-4367-70a2-30623c61c63e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"000a22b9-4520-4367-70a2-30623c61c63e","text":true,"v":"(+) Logo"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1e","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b937"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f1f"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f1f","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b935"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f24","7e3721e6-dbf9-72fa-896f-f99cc3fe5f41"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f24","type":"FormWrapper","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f25","7e3721e6-dbf9-72fa-896f-f99cc3fe5f3b","7e3721e6-dbf9-72fa-896f-f99cc3fe5f3e"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f25","type":"FormForm","tag":"form","classes":["dece5ac3-a374-c351-3674-705230f1b939"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f26","7e3721e6-dbf9-72fa-896f-f99cc3fe5f28","7e3721e6-dbf9-72fa-896f-f99cc3fe5f29","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2a","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2b","7e3721e6-dbf9-72fa-896f-f99cc3fe5f3a"],"data":{"form":{"type":"form","name":"signup"},"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"xattr":[{"name":"data-ms-form","value":"signup"}],"search":{"exclude":false},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f26","type":"FormBlockLabel","tag":"label","classes":["dece5ac3-a374-c351-3674-705230f1b949"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f27"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f27","text":true,"v":"Email"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f28","type":"FormTextInput","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b93a","dece5ac3-a374-c351-3674-705230f1b94d"],"children":[],"data":{"form":{"name":"Email 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"e.g. howard.thurman@email.com","type":"email","id":"Email-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"email"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f29","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948"],"children":[],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2a","type":"HtmlEmbed","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b940"],"children":[],"v":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-field:valid ~ .password-wrap{\n \theight: 122px;\n }\n</style>","data":{"embed":{"type":"html","meta":{"html":"[Double-Click] to show password CSS\n<!--If the email field is valid, then show the password field-->\n<style> \n .email-field:valid ~ .password-wrap{\n \theight: 122px;\n }\n</style>","div":false,"iframe":false,"script":false,"compilable":false}},"insideRTE":false,"attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2b","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b948","dece5ac3-a374-c351-3674-705230f1b94c"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f2c","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2e","7e3721e6-dbf9-72fa-896f-f99cc3fe5f2f","7e3721e6-dbf9-72fa-896f-f99cc3fe5f31"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2c","type":"FormBlockLabel","tag":"label","classes":["dece5ac3-a374-c351-3674-705230f1b949"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f2d"],"data":{"form":{"type":"label"},"attr":{"for":"Password-3","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2d","text":true,"v":"Password"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2e","type":"FormTextInput","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b93a"],"children":[],"data":{"form":{"name":"Password 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Password-3","data-name":"Password 3","placeholder":"Password","type":"password","id":"Password-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f2f","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b946"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f30"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f30","text":true,"v":"Must be at least 8 characters"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f31","type":"FormCheckboxWrapper","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b93f"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f32","7e3721e6-dbf9-72fa-896f-f99cc3fe5f33"],"data":{"form":{"type":"checkbox"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f32","type":"FormCheckboxInput","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b93d"],"children":[],"data":{"form":{"type":"checkbox-input","name":"Checkbox 3"},"inputType":"default","attr":{"type":"checkbox","name":"Checkbox-3","id":"Checkbox-3","data-name":"Checkbox 3","required":true,"checked":false},"xattr":[{"name":"data-ms-member","value":"gdpr"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f33","type":"FormInlineLabel","tag":"label","classes":["dece5ac3-a374-c351-3674-705230f1b93e"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f34","7e3721e6-dbf9-72fa-896f-f99cc3fe5f35","7e3721e6-dbf9-72fa-896f-f99cc3fe5f37","7e3721e6-dbf9-72fa-896f-f99cc3fe5f38"],"data":{"form":{"type":"checkbox-label"},"attr":{"for":"Checkbox-4","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f34","text":true,"v":"I agree to the "},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f35","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b947"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f36"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f36","text":true,"v":"Terms of Service"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f37","text":true,"v":" and "},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f38","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b947"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f39"],"data":{"search":{"exclude":false},"xattr":[],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f39","text":true,"v":"Privacy Policy"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3a","type":"FormButton","tag":"input","classes":["dece5ac3-a374-c351-3674-705230f1b942"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Let's get started","data-wait":"Please wait...","id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3b","type":"FormSuccessMessage","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f3c"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3c","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f3d"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3d","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3e","type":"FormErrorMessage","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f3f"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f3f","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f40"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f40","text":true,"v":"Oops! Something went wrong while submitting the form."},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f41","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b943"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f42"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f42","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f43","7e3721e6-dbf9-72fa-896f-f99cc3fe5f44"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f43","text":true,"v":"Already have an account? "},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f44","type":"Link","tag":"a","classes":["dece5ac3-a374-c351-3674-705230f1b947"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f45"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-modal","value":"login"}],"block":"","attr":{"href":"#","id":""},"visibility":{"conditions":[]},"button":false,"link":{"url":"#","mode":"external"}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f45","type":"Strong","tag":"strong","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f46"],"data":{"attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f46","text":true,"v":"Log in"},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f47","type":"Section","tag":"footer","classes":["dece5ac3-a374-c351-3674-705230f1b94a"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f48"],"data":{"tag":"footer","grid":{"type":"section"},"attr":{"id":"footer"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f48","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b941"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f49"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f49","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b938"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4a","7e3721e6-dbf9-72fa-896f-f99cc3fe5f4c"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4a","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4b"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4b","text":true,"v":"Copyright © 2020 My Company."},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4c","type":"Block","tag":"div","classes":["dece5ac3-a374-c351-3674-705230f1b93b"],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4d"],"data":{"text":false,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4d","type":"Block","tag":"div","classes":[],"children":["7e3721e6-dbf9-72fa-896f-f99cc3fe5f4e"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"7e3721e6-dbf9-72fa-896f-f99cc3fe5f4e","text":true,"v":"✉️ showcase@memberstack.com"}],"styles":[{"_id":"dece5ac3-a374-c351-3674-705230f1b94c","fake":false,"type":"class","name":"password-wrap","namespace":"","comb":"&","styleLess":"overflow: hidden; height: 0px; margin-right: -2px; margin-left: -2px; padding-right: 2px; padding-left: 2px; transition-property: height; transition-duration: 200ms; transition-timing-function: ease;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b94a","fake":false,"type":"class","name":"footer","namespace":"","comb":"","styleLess":"padding-top: 10vh; padding-bottom: 5vh; align-items: flex-start; font-size: 13px; text-align: center;","variants":{"tiny":{"styleLess":"padding-right: 20px; padding-left: 20px; text-align: left;"},"medium":{"styleLess":"padding-right: 20px; padding-left: 20px;"},"small":{"styleLess":"padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93e","fake":false,"type":"class","name":"checkbox-label","namespace":"","comb":"","styleLess":"color: hsla(0, 0.00%, 0.00%, 0.80); font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b941","fake":false,"type":"class","name":"container","namespace":"","comb":"","styleLess":"padding-right: 5%; padding-left: 5%;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93d","fake":false,"type":"class","name":"checkbox","namespace":"","comb":"","styleLess":"width: 14px; height: 14px;","variants":{"main_redirected-checked":{"styleLess":"background-color: #2d323e;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b946","fake":false,"type":"class","name":"field-description","namespace":"","comb":"","styleLess":"margin-top: 3px; color: hsla(0, 0.00%, 0.00%, 0.60); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b948","fake":false,"type":"class","name":"text-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; width: 100%; margin-bottom: 12px; flex-direction: column;","variants":{},"children":["dece5ac3-a374-c351-3674-705230f1b94c"],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93c","fake":false,"type":"class","name":"fake-logo","namespace":"","comb":"","styleLess":"height: 20px; color: #333; font-size: 20px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b942","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"display: flex; width: 100%; height: 45px; justify-content: center; align-items: center; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 1px 20px 0 hsla(0, 0.00%, 13.33%, 0.16); transition-property: background-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; font-size: 16px; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(236.31578947368422, 55.02%, 34.40%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b949","fake":false,"type":"class","name":"field-label","namespace":"","comb":"","styleLess":"margin-bottom: 3px; color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); font-size: 13.5px; font-weight: 600;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b94d","fake":false,"type":"class","name":"email-field","namespace":"","comb":"&","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b935","fake":false,"type":"class","name":"form-wrapper","namespace":"","comb":"","styleLess":"position: relative; z-index: 50; display: flex; overflow: visible; width: 100%; max-width: 360px; flex-direction: column; justify-content: center; align-items: stretch;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93b","fake":false,"type":"class","name":"footer-column","namespace":"","comb":"","styleLess":"","variants":{"tiny":{"styleLess":"margin-top: 20px;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b940","fake":false,"type":"class","name":"hide-on-load","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b937","fake":false,"type":"class","name":"flex-stack-center","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 100%; padding-right: 5%; padding-left: 5%; flex-direction: column; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"e14be5a9-7f1a-bb5b-4951-f9f0bd2ecedd","fake":false,"type":"class","name":"Link Block","namespace":"","comb":"","styleLess":"text-decoration: none;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b947","fake":false,"type":"class","name":"link","namespace":"","comb":"","styleLess":"border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 100.00%, 74.11%, 1.00);","variants":{"main_hover":{"styleLess":"color: hsla(236.31578947368422, 55.02%, 34.40%, 1.00);"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b943","fake":false,"type":"class","name":"flex-row-center","namespace":"","comb":"","styleLess":"display: flex; justify-content: center; align-items: center;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b94b","fake":false,"type":"class","name":"short-page-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; overflow: hidden; width: 100%; min-height: 100vh; min-width: 50%; flex-direction: column; justify-content: space-between;","variants":{"small":{"styleLess":"flex-direction: column;"},"medium":{"styleLess":"height: auto; flex-direction: column;"}},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93f","fake":false,"type":"class","name":"checkbox-field","namespace":"","comb":"","styleLess":"margin-top: 5px; margin-bottom: 20px;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b939","fake":false,"type":"class","name":"form-field-wrapper","namespace":"","comb":"","styleLess":"display: flex; margin-bottom: 20px; padding-top: 10px; justify-content: space-between; flex-wrap: wrap;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b93a","fake":false,"type":"class","name":"text-field","namespace":"","comb":"","styleLess":"height: 42px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(0, 0.00%, 0.00%, 0.80); border-right-color: hsla(0, 0.00%, 0.00%, 0.80); border-bottom-color: hsla(0, 0.00%, 0.00%, 0.80); border-left-color: hsla(0, 0.00%, 0.00%, 0.80); box-shadow: 0 1px 4px 0 rgba(220, 220, 229, 0.9);"}},"children":["dece5ac3-a374-c351-3674-705230f1b94d"],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b945","fake":false,"type":"class","name":"navbar","namespace":"","comb":"","styleLess":"padding-top: 4vh; padding-bottom: 4vh;","variants":{},"children":[],"selector":null},{"_id":"dece5ac3-a374-c351-3674-705230f1b938","fake":false,"type":"class","name":"Footer Flex Container","namespace":"","comb":"","styleLess":"display: flex; justify-content: space-between; text-align: left;","variants":{"tiny":{"styleLess":"flex-direction: column;"}},"children":[],"selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
CC Chrome or SS Safari.

About this component

AI Generated

Component Description (Generated by AI)

The Hidden Password Field is a customizable form component designed to enhance user experience during sign-up processes by allowing users to reveal their password securely. It integrates seamlessly with email input fields and provides visual feedback based on user interactions.

Key Features:

  • Responsive design suitable for various devices
  • Includes email and password input fields with validation
  • Success and error messages for user feedback
  • Customizable styles and classes for branding
  • Integration with Memberstack for user management

Design Elements:

  • Modern and clean layout
  • Flexible color scheme with options for customization
  • Utilizes smooth transitions for showing/hiding password

Potential Use Cases:

  • Web applications requiring user registration
  • E-commerce platforms needing secure user sign-up
  • Membership sites that require user authentication
  • Online services offering personalized accounts
  • Educational platforms with user login features

Conclusion: The Hidden Password Field is a versatile and user-friendly component ideal for enhancing sign-up forms, making it a valuable addition to any web application focused on user experience and security.

Start building

Start building your dreams

Memberstack is 100% free until you're ready to launch - so, what are you waiting for? Create your first app and start building today.