Loading Component...
Loading
Thank you! I'll update
this project ASAP.
this project ASAP.
Oops! Something went wrong while submitting the form.
How to enable Google authentication
How to enable Facebook authentication
How to enable Spotify authentication
How to enable Dribbble authentication
How to enable Github authentication
How to enable LinkedIn authentication
How to enable passwordless logins
How to configure password validation
How to show/hide password
How to work with profile images
How to add a forgot password flow
How to work with checkboxes
How to configure pricing tables
About the Stripe Customer Portal
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"1af8dada-6f58-ecd5-f59d-aac3e6ad7108","type":"FormWrapper","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faec5","8c8efc43-8939-609e-3654-811b2e9faed9","8c8efc43-8939-609e-3654-811b2e9faedc"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec5","type":"FormForm","tag":"form","classes":["ec0c4015-d675-35c1-a9a2-7170f08b475e"],"children":["8c8efc43-8939-609e-3654-811b2e9faec6","8c8efc43-8939-609e-3654-811b2e9faeca","8c8efc43-8939-609e-3654-811b2e9faecb","8c8efc43-8939-609e-3654-811b2e9faecd","8c8efc43-8939-609e-3654-811b2e9faece","8c8efc43-8939-609e-3654-811b2e9faed2","8c8efc43-8939-609e-3654-811b2e9faed8"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"password"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec6","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["8c8efc43-8939-609e-3654-811b2e9faec7","8c8efc43-8939-609e-3654-811b2e9faec8"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec7","text":true,"v":"Password"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec8","type":"Span","tag":"span","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faec9"],"data":{"xattr":[{"name":"data-ms-member","value":"true"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec9","text":true,"v":""},{"_id":"8c8efc43-8939-609e-3654-811b2e9faeca","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecb","type":"Block","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faecc"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecc","text":true,"v":"Use this form to update your password."},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecd","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faece","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["8c8efc43-8939-609e-3654-811b2e9faecf","8c8efc43-8939-609e-3654-811b2e9faed1"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecf","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["8c8efc43-8939-609e-3654-811b2e9faed0"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed0","text":true,"v":"Current Password"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed1","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"","type":"text","id":"Email-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed2","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["8c8efc43-8939-609e-3654-811b2e9faed3","8c8efc43-8939-609e-3654-811b2e9faed5","8c8efc43-8939-609e-3654-811b2e9faed6"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed3","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["8c8efc43-8939-609e-3654-811b2e9faed4"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed4","text":true,"v":"New Password"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed5","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"","type":"text","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed6","type":"Block","tag":"div","classes":["ec0c4015-d675-35c1-a9a2-7170f08b4768"],"children":["8c8efc43-8939-609e-3654-811b2e9faed7"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed7","text":true,"v":"Must be at least 8 characters long."},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed8","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Update Password","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed9","type":"FormSuccessMessage","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faeda"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faeda","type":"Block","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faedb"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faedb","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faedc","type":"FormErrorMessage","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faedd"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faedd","type":"Block","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faede"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faede","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ec0c4015-d675-35c1-a9a2-7170f08b475e","fake":false,"type":"class","name":"profile-form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":["ec0c4015-d675-35c1-a9a2-7170f08b4771"],"selector":null},{"_id":"ec0c4015-d675-35c1-a9a2-7170f08b4768","fake":false,"type":"class","name":"description","namespace":"","comb":"","styleLess":"margin-top: 3px; padding-left: 12px; opacity: 0.6; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 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(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","fake":false,"type":"class","name":"absolute","namespace":"","comb":"&","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto;","variants":{"tiny":{"styleLess":"position: static;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","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":"1af8dada-6f58-ecd5-f59d-aac3e6ad7108","type":"FormWrapper","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faec5","8c8efc43-8939-609e-3654-811b2e9faed9","8c8efc43-8939-609e-3654-811b2e9faedc"],"data":{"form":{"type":"wrapper"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec5","type":"FormForm","tag":"form","classes":["ec0c4015-d675-35c1-a9a2-7170f08b475e"],"children":["8c8efc43-8939-609e-3654-811b2e9faec6","8c8efc43-8939-609e-3654-811b2e9faeca","8c8efc43-8939-609e-3654-811b2e9faecb","8c8efc43-8939-609e-3654-811b2e9faecd","8c8efc43-8939-609e-3654-811b2e9faece","8c8efc43-8939-609e-3654-811b2e9faed2","8c8efc43-8939-609e-3654-811b2e9faed8"],"data":{"form":{"type":"form","name":"signup"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"password"}],"attr":{"id":"wf-form-signup","name":"wf-form-signup","data-name":"signup","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec6","type":"Heading","tag":"h1","classes":["5a43d1b6-d6e3-9895-5825-1682fa4f5690"],"children":["8c8efc43-8939-609e-3654-811b2e9faec7","8c8efc43-8939-609e-3654-811b2e9faec8"],"data":{"tag":"h1","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec7","text":true,"v":"Password"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec8","type":"Span","tag":"span","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faec9"],"data":{"xattr":[{"name":"data-ms-member","value":"true"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faec9","text":true,"v":""},{"_id":"8c8efc43-8939-609e-3654-811b2e9faeca","type":"Block","tag":"div","classes":["ed49433c-b81a-76ff-02d0-ef679b9ccff7"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecb","type":"Block","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faecc"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecc","text":true,"v":"Use this form to update your password."},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecd","type":"Block","tag":"div","classes":["6fa6a4b3-672a-5172-3baa-fd9efad2d3e9"],"children":[],"data":{"tag":"div","attr":{"id":""},"text":false,"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faece","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["8c8efc43-8939-609e-3654-811b2e9faecf","8c8efc43-8939-609e-3654-811b2e9faed1"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faecf","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["8c8efc43-8939-609e-3654-811b2e9faed0"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed0","text":true,"v":"Current Password"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed1","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 3","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-3","data-name":"Email 3","placeholder":"","type":"text","id":"Email-3","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed2","type":"Block","tag":"div","classes":["41a35abb-8f5c-62bb-fe37-0c6149af2162"],"children":["8c8efc43-8939-609e-3654-811b2e9faed3","8c8efc43-8939-609e-3654-811b2e9faed5","8c8efc43-8939-609e-3654-811b2e9faed6"],"data":{"text":false,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed3","type":"FormBlockLabel","tag":"label","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215e"],"children":["8c8efc43-8939-609e-3654-811b2e9faed4"],"data":{"form":{"type":"label"},"attr":{"for":"Email-3","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed4","text":true,"v":"New Password"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed5","type":"FormTextInput","tag":"input","classes":["41a35abb-8f5c-62bb-fe37-0c6149af215d"],"children":[],"data":{"form":{"name":"Email 2","type":"input","passwordPage":false},"attr":{"autofocus":false,"maxlength":256,"name":"Email-2","data-name":"Email 2","placeholder":"","type":"text","id":"Email-2","disabled":false,"required":true},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed6","type":"Block","tag":"div","classes":["ec0c4015-d675-35c1-a9a2-7170f08b4768"],"children":["8c8efc43-8939-609e-3654-811b2e9faed7"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed7","text":true,"v":"Must be at least 8 characters long."},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed8","type":"FormButton","tag":"input","classes":["6c1a7cc0-51d6-39ab-8286-fb055986c3a6","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04"],"children":[],"data":{"form":{"type":"button","wait":"Please wait..."},"attr":{"type":"submit","value":"Update Password","data-wait":"Please wait...","id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faed9","type":"FormSuccessMessage","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faeda"],"data":{"form":{"type":"msg-done"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faeda","type":"Block","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faedb"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faedb","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"8c8efc43-8939-609e-3654-811b2e9faedc","type":"FormErrorMessage","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faedd"],"data":{"form":{"type":"msg-fail"},"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faedd","type":"Block","tag":"div","classes":[],"children":["8c8efc43-8939-609e-3654-811b2e9faede"],"data":{"text":true,"tag":"div","attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"xattr":[]}},{"_id":"8c8efc43-8939-609e-3654-811b2e9faede","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"5a43d1b6-d6e3-9895-5825-1682fa4f5690","fake":false,"type":"class","name":"small-H1","namespace":"","comb":"","styleLess":"margin-bottom: 0px; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 28px; line-height: 1.2em; font-weight: 600;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"ec0c4015-d675-35c1-a9a2-7170f08b475e","fake":false,"type":"class","name":"profile-form-container","namespace":"","comb":"","styleLess":"position: relative; display: flex; margin-bottom: 20px; padding-top: 10px; flex-direction: column; justify-content: space-between; flex-wrap: wrap; text-align: left;","variants":{},"children":["ec0c4015-d675-35c1-a9a2-7170f08b4771"],"selector":null},{"_id":"ec0c4015-d675-35c1-a9a2-7170f08b4768","fake":false,"type":"class","name":"description","namespace":"","comb":"","styleLess":"margin-top: 3px; padding-left: 12px; opacity: 0.6; color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 12px; font-weight: 300;","variants":{},"children":[],"selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215d","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 48px; margin-bottom: 0px; padding-top: 10px; padding-left: 18px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(230, 22.16%, 76.88%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(230, 22.16%, 76.88%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(230, 22.16%, 76.88%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(230, 22.16%, 76.88%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; background-color: hsla(243, 0.00%, 100.00%, 1.00); box-shadow: 0 3px 6px -2px hsla(261, 97.36%, 15.88%, 0.10); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(225, 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(236.34146341463415, 77.36%, 58.43%, 1.00); border-right-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-bottom-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); border-left-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: none /* 0 1px 2px 0 hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["2d453519-a012-e22a-94e5-a1cfea481ed6","c5b70a14-b1ed-4af4-b3a0-6b36e6c2d122","85128dca-1257-b8aa-627b-21df72904f8d"],"selector":null},{"_id":"ed49433c-b81a-76ff-02d0-ef679b9ccff7","fake":false,"type":"class","name":"spacer-xs","namespace":"","comb":"","styleLess":"width: 100%; height: 10px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"6fa6a4b3-672a-5172-3baa-fd9efad2d3e9","fake":false,"type":"class","name":"spacer-m","namespace":"","comb":"","styleLess":"width: 100%; height: 20px;","variants":{},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af215e","fake":false,"type":"class","name":"input-label","namespace":"","comb":"","styleLess":"position: relative; left: 6px; bottom: -7px; z-index: 2; display: inline-block; margin-bottom: 0px; padding-right: 7px; padding-left: 6px; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: hsla(243, 0.00%, 100.00%, 1.00); color: hsla(225, 0.00%, 0.00%, 1.00); font-size: 13.5px; line-height: 15px; font-weight: 600;","variants":{},"children":["61b7702c-19ed-526f-623e-7568729402d9","1baffc9f-9e78-9dec-9c39-910d500c7a79","8174da00-3ddb-a6b2-d6fd-adbc1267656f"],"selector":null},{"_id":"d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","fake":false,"type":"class","name":"absolute","namespace":"","comb":"&","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: auto;","variants":{"tiny":{"styleLess":"position: static;"}},"children":[],"createdBy":"5c32e19c1213425c470436be","selector":null},{"_id":"41a35abb-8f5c-62bb-fe37-0c6149af2162","fake":false,"type":"class","name":"input-wrapper","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; margin-bottom: 12px; flex-direction: column; align-items: flex-start;","variants":{},"children":["3a8e6476-20fd-8bf1-d742-ebe54d706e8f"],"selector":null},{"_id":"6c1a7cc0-51d6-39ab-8286-fb055986c3a6","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"height: 50px; padding-top: 15px; padding-right: 35px; padding-bottom: 15px; padding-left: 35px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(236.34146341463415, 77.36%, 58.43%, 1.00); box-shadow: 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10); color: hsla(233, 0.00%, 100.00%, 1.00); font-size: 15px; font-weight: 500;","variants":{"main_hover":{"styleLess":"background-color: hsla(225, 0.00%, 0.00%, 1.00); box-shadow: none /* 0 10px 20px -3px hsla(261, 97.36%, 15.88%, 0.10) */;"}},"children":["ee1893e1-296d-61b2-7327-7b9b59b42d96","c008b762-eef2-2ea8-a50e-445bc6e95325","e88777e6-6170-886e-c649-dfcf7145a4e4","af9c3b56-6a24-5451-39e8-1da2062b3187","8c446ac4-3184-9859-3ae8-a84aa836fb30","d5472b7e-dd99-a241-d1dc-1cfd72c5fe04","837b5f29-68be-1704-b5ac-6977d735c16b","4eace086-b0d9-95f5-4c42-690d94ec933b"],"createdBy":"5c32e19c1213425c470436be","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser not supported. Use
Chrome or Safari.
Chrome or Safari.
About this component
AI Generated
Component Description (Generated by AI)
Password Form 11 is a user-friendly form designed for updating passwords, featuring clear labels and validation messages to guide users through the process.
Key Features:
- Includes fields for current and new passwords
- Validation message for password length requirements
- Success and error messages for user feedback
- Responsive design suitable for various devices
Design Elements:
- Modern and clean layout
- Color scheme with shades of blue and white
- Rounded input fields and buttons for a friendly appearance
- Clear typography for easy readability
Potential Use Cases:
- Web applications requiring user authentication
- Membership sites needing secure password updates
- E-commerce platforms for user account management
- Corporate intranets for employee access management
Conclusion: Password Form 11 is a versatile and visually appealing component that enhances user experience during password updates, making it an excellent choice for various web applications.