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":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aa9","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aaa","db8d08eb-a726-d1f4-8738-b8a0a4ab0ab9","db8d08eb-a726-d1f4-8738-b8a0a4ab0abc"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aaa","type":"FormForm","tag":"form","classes":["9a5774bb-85fc-1bf6-9996-1436dfd68ad2"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aab","db8d08eb-a726-d1f4-8738-b8a0a4ab0ab0","8f5b94a3-8bae-89a3-7099-577919678a87"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"password"}],"displayName":"","attr":{"id":"wf-form-Email-Form-2","name":"wf-form-Email-Form-2","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aab","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6f"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aac","db8d08eb-a726-d1f4-8738-b8a0a4ab0aaf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aac","type":"Block","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aad"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aad","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f4a"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aae"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aae","text":true,"v":"Change your email"},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aaf","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997","e04598ef-1ffc-c4c5-efdb-16a586ab5d32"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Update Password","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0ab0","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6c"],"children":["5f9de354-abe5-c976-92e8-9bb0266b4e77","5f9de354-abe5-c976-92e8-9bb0266b4e76"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-password"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e77","type":"FormBlockLabel","tag":"label","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f68"],"children":["5f9de354-abe5-c976-92e8-9bb0266b4e78"],"data":{"displayName":"","attr":{"id":"","for":"email-4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e78","text":true,"v":"Current Password"},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e76","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f49"],"children":["5f9de354-abe5-c976-92e8-9bb0266b4e79"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-password"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e79","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"current-password","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a87","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6c","9462645c-7db3-f036-359c-d9e8a2c6c233"],"children":["8f5b94a3-8bae-89a3-7099-577919678a88","96e194e4-d1d8-5095-f076-4769aa4a0733"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a88","type":"FormBlockLabel","tag":"label","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f68"],"children":["8f5b94a3-8bae-89a3-7099-577919678a89"],"data":{"displayName":"","attr":{"id":"","for":"email-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a89","text":true,"v":"New Password"},{"_id":"96e194e4-d1d8-5095-f076-4769aa4a0733","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f49"],"children":["8f5b94a3-8bae-89a3-7099-577919678a8a","b09eb009-05c7-789b-3a84-91ab8fd49064"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a8a","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"new-password","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"new-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"b09eb009-05c7-789b-3a84-91ab8fd49064","type":"Block","tag":"div","classes":[],"children":["b09eb009-05c7-789b-3a84-91ab8fd49065"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b09eb009-05c7-789b-3a84-91ab8fd49065","type":"Span","tag":"span","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6b"],"children":["b09eb009-05c7-789b-3a84-91ab8fd49066"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b09eb009-05c7-789b-3a84-91ab8fd49066","text":true,"v":"Minimum 8-characters."},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0ab9","type":"FormSuccessMessage","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aba"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aba","type":"Block","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0abb"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abb","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abc","type":"FormErrorMessage","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0abd"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abd","type":"Block","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0abe"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abe","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"e04598ef-1ffc-c4c5-efdb-16a586ab5d32","fake":false,"type":"class","name":"auto","namespace":"","comb":"&","styleLess":"width: auto;","variants":{},"children":["418f7e65-6ce4-9e28-801b-0d1cbb9961f3"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f4a","fake":false,"type":"class","name":"profile-h1","namespace":"","comb":"","styleLess":"font-size: 1.2rem; line-height: 150%; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9a5774bb-85fc-1bf6-9996-1436dfd68ad2","fake":false,"type":"class","name":"memberstack-form","namespace":"","comb":"","styleLess":"position: relative; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94997","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 40px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; 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(280.61538461538464, 69.15%, 36.86%, 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; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(273, 72.31%, 26.70%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["d7b634b9-0a21-697b-7b06-b8c259d19c95","e04598ef-1ffc-c4c5-efdb-16a586ab5d32","60201808-868b-4256-196e-03775ceca4af","875c9608-19b8-72f6-7ddf-23dfd3dd3672","2cb275c0-4f35-27cd-d240-7128e5df8295"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6f","fake":false,"type":"class","name":"profile_form-header","namespace":"","comb":"","styleLess":"position: sticky; top: 0px; display: flex; height: 70px; margin-bottom: 2rem; padding-top: 1.5rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f68","fake":false,"type":"class","name":"profile-label","namespace":"","comb":"","styleLess":"width: 200px; padding-top: 9px; padding-right: 2rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 0.9rem; line-height: 1; font-weight: 700; text-align: right;","variants":{"small":{"styleLess":"width: 100px; padding-right: 1rem;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"042cb3bc-ca0d-8205-3f03-625cbbe29cd8","fake":false,"type":"class","name":"no-margin","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f49","fake":false,"type":"class","name":"profile-input-wrapper","namespace":"","comb":"","styleLess":"width: 100%; min-height: 30px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6c","fake":false,"type":"class","name":"profile-row","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1.3rem; padding-bottom: 1.3rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00);","variants":{},"children":["9462645c-7db3-f036-359c-d9e8a2c6c233"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9462645c-7db3-f036-359c-d9e8a2c6c233","fake":false,"type":"class","name":"no-line","namespace":"","comb":"&","styleLess":"padding-top: 0rem; border-top-style: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b2","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.9999999999999, 51.44%, 94.51%, 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(209.9999999999999, 51.44%, 94.51%, 1.00); 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(280.61538461538464, 69.15%, 36.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); background-color: white;"},"main_placeholder":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); background-color: hsla(209.9999999999999, 44.44%, 96.47%, 0.50);"}},"children":["4c8d5083-a05a-b97f-8dd9-5a5ef820c52d"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6b","fake":false,"type":"class","name":"profile_label-sub","namespace":"","comb":"","styleLess":"display: block; margin-top: 0.3rem; color: hsla(0, 0.00%, 52.55%, 1.00); font-size: 0.8rem; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aa9","type":"FormWrapper","tag":"div","classes":["042cb3bc-ca0d-8205-3f03-625cbbe29cd8"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aaa","db8d08eb-a726-d1f4-8738-b8a0a4ab0ab9","db8d08eb-a726-d1f4-8738-b8a0a4ab0abc"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":true},"visibility":{"conditions":[]},"form":{"type":"wrapper"}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aaa","type":"FormForm","tag":"form","classes":["9a5774bb-85fc-1bf6-9996-1436dfd68ad2"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aab","db8d08eb-a726-d1f4-8738-b8a0a4ab0ab0","8f5b94a3-8bae-89a3-7099-577919678a87"],"data":{"form":{"type":"form","name":"Email Form"},"search":{"exclude":false},"xattr":[{"name":"data-ms-form","value":"password"}],"displayName":"","attr":{"id":"wf-form-Email-Form-2","name":"wf-form-Email-Form-2","data-name":"Email Form","redirect":"","data-redirect":"","action":"","method":"get"},"visibility":{"conditions":[]},"Source":{"tag":"Default form","val":{}}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aab","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6f"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aac","db8d08eb-a726-d1f4-8738-b8a0a4ab0aaf"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aac","type":"Block","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aad"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aad","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f4a"],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aae"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aae","text":true,"v":"Change your email"},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aaf","type":"FormButton","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b94997","e04598ef-1ffc-c4c5-efdb-16a586ab5d32"],"children":[],"data":{"displayName":"","attr":{"id":"","type":"submit","value":"Update Password","data-wait":"Please wait..."},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"button","wait":"Please wait..."}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0ab0","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6c"],"children":["5f9de354-abe5-c976-92e8-9bb0266b4e77","5f9de354-abe5-c976-92e8-9bb0266b4e76"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-password"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e77","type":"FormBlockLabel","tag":"label","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f68"],"children":["5f9de354-abe5-c976-92e8-9bb0266b4e78"],"data":{"displayName":"","attr":{"id":"","for":"email-4"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e78","text":true,"v":"Current Password"},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e76","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f49"],"children":["5f9de354-abe5-c976-92e8-9bb0266b4e79"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-content","value":"has-password"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"5f9de354-abe5-c976-92e8-9bb0266b4e79","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"current-password","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"current-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a87","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6c","9462645c-7db3-f036-359c-d9e8a2c6c233"],"children":["8f5b94a3-8bae-89a3-7099-577919678a88","96e194e4-d1d8-5095-f076-4769aa4a0733"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a88","type":"FormBlockLabel","tag":"label","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f68"],"children":["8f5b94a3-8bae-89a3-7099-577919678a89"],"data":{"displayName":"","attr":{"id":"","for":"email-3"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"label"}}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a89","text":true,"v":"New Password"},{"_id":"96e194e4-d1d8-5095-f076-4769aa4a0733","type":"Block","tag":"div","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f49"],"children":["8f5b94a3-8bae-89a3-7099-577919678a8a","b09eb009-05c7-789b-3a84-91ab8fd49064"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8f5b94a3-8bae-89a3-7099-577919678a8a","type":"FormTextInput","tag":"input","classes":["1045399b-abfb-0941-8ee2-5cd0d4b949b2"],"children":[],"data":{"displayName":"","attr":{"id":"new-password","name":"email-3","maxlength":256,"data-name":"Email 3","placeholder":"","disabled":false,"type":"password","required":true,"autofocus":false},"xattr":[{"name":"data-ms-member","value":"new-password"}],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"name":"Email 3","type":"input","passwordPage":false}}},{"_id":"b09eb009-05c7-789b-3a84-91ab8fd49064","type":"Block","tag":"div","classes":[],"children":["b09eb009-05c7-789b-3a84-91ab8fd49065"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"b09eb009-05c7-789b-3a84-91ab8fd49065","type":"Span","tag":"span","classes":["ed6ecb37-4be4-732a-d559-d4ca09e09f6b"],"children":["b09eb009-05c7-789b-3a84-91ab8fd49066"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"b09eb009-05c7-789b-3a84-91ab8fd49066","text":true,"v":"Minimum 8-characters."},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0ab9","type":"FormSuccessMessage","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0aba"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-done"}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0aba","type":"Block","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0abb"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abb","text":true,"v":"Thank you! Your submission has been received!"},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abc","type":"FormErrorMessage","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0abd"],"data":{"displayName":"","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"form":{"type":"msg-fail"}}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abd","type":"Block","tag":"div","classes":[],"children":["db8d08eb-a726-d1f4-8738-b8a0a4ab0abe"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"db8d08eb-a726-d1f4-8738-b8a0a4ab0abe","text":true,"v":"Oops! Something went wrong while submitting the form."}],"styles":[{"_id":"e04598ef-1ffc-c4c5-efdb-16a586ab5d32","fake":false,"type":"class","name":"auto","namespace":"","comb":"&","styleLess":"width: auto;","variants":{},"children":["418f7e65-6ce4-9e28-801b-0d1cbb9961f3"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f4a","fake":false,"type":"class","name":"profile-h1","namespace":"","comb":"","styleLess":"font-size: 1.2rem; line-height: 150%; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9a5774bb-85fc-1bf6-9996-1436dfd68ad2","fake":false,"type":"class","name":"memberstack-form","namespace":"","comb":"","styleLess":"position: relative; z-index: 1;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b94997","fake":false,"type":"class","name":"button","namespace":"","comb":"","styleLess":"position: relative; display: flex; width: 100%; height: 40px; padding-top: 0.5em; padding-right: 1em; padding-bottom: 0.5em; padding-left: 1em; 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(280.61538461538464, 69.15%, 36.86%, 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; color: white; font-weight: 400;","variants":{"main_hover":{"styleLess":"background-color: hsla(273, 72.31%, 26.70%, 1.00); box-shadow: 0 5px 30px 0 hsla(0, 0.00%, 13.33%, 0.16);"}},"children":["d7b634b9-0a21-697b-7b06-b8c259d19c95","e04598ef-1ffc-c4c5-efdb-16a586ab5d32","60201808-868b-4256-196e-03775ceca4af","875c9608-19b8-72f6-7ddf-23dfd3dd3672","2cb275c0-4f35-27cd-d240-7128e5df8295"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6f","fake":false,"type":"class","name":"profile_form-header","namespace":"","comb":"","styleLess":"position: sticky; top: 0px; display: flex; height: 70px; margin-bottom: 2rem; padding-top: 1.5rem; justify-content: space-between; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f68","fake":false,"type":"class","name":"profile-label","namespace":"","comb":"","styleLess":"width: 200px; padding-top: 9px; padding-right: 2rem; flex-grow: 0; flex-shrink: 0; flex-basis: auto; font-size: 0.9rem; line-height: 1; font-weight: 700; text-align: right;","variants":{"small":{"styleLess":"width: 100px; padding-right: 1rem;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"042cb3bc-ca0d-8205-3f03-625cbbe29cd8","fake":false,"type":"class","name":"no-margin","namespace":"","comb":"","styleLess":"margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f49","fake":false,"type":"class","name":"profile-input-wrapper","namespace":"","comb":"","styleLess":"width: 100%; min-height: 30px;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6c","fake":false,"type":"class","name":"profile-row","namespace":"","comb":"","styleLess":"display: flex; padding-top: 1.3rem; padding-bottom: 1.3rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(226.1538461538461, 20.63%, 87.65%, 1.00);","variants":{},"children":["9462645c-7db3-f036-359c-d9e8a2c6c233"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9462645c-7db3-f036-359c-d9e8a2c6c233","fake":false,"type":"class","name":"no-line","namespace":"","comb":"&","styleLess":"padding-top: 0rem; border-top-style: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"1045399b-abfb-0941-8ee2-5cd0d4b949b2","fake":false,"type":"class","name":"input","namespace":"","comb":"","styleLess":"height: 40px; margin-bottom: 0px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(209.9999999999999, 51.44%, 94.51%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(209.9999999999999, 51.44%, 94.51%, 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(209.9999999999999, 51.44%, 94.51%, 1.00); 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(280.61538461538464, 69.15%, 36.86%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 1.00); background-color: white;"},"main_placeholder":{"styleLess":"color: hsla(204.44444444444443, 19.42%, 27.25%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-right-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-bottom-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); border-left-color: hsla(280.61538461538464, 69.15%, 36.86%, 0.50); background-color: hsla(209.9999999999999, 44.44%, 96.47%, 0.50);"}},"children":["4c8d5083-a05a-b97f-8dd9-5a5ef820c52d"],"selector":null},{"_id":"ed6ecb37-4be4-732a-d559-d4ca09e09f6b","fake":false,"type":"class","name":"profile_label-sub","namespace":"","comb":"","styleLess":"display: block; margin-top: 0.3rem; color: hsla(0, 0.00%, 52.55%, 1.00); font-size: 0.8rem; font-weight: 400;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","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)
The Product Password Form is designed to facilitate secure password updates for users, allowing them to change their current password to a new one with ease.
Key Features:
- User-friendly interface for password updates
- Includes fields for current and new passwords
- Validation messages for successful or failed submissions
- Responsive design suitable for various devices
Design Elements:
- Modern and clean layout
- Color scheme featuring shades of blue and white
- Rounded input fields and buttons for a soft appearance
- Clear typography for labels and messages
Potential Use Cases:
- E-commerce websites requiring user account management
- Membership platforms needing secure password changes
- Online services with user authentication features
- Web applications focused on user privacy and security
Conclusion: The Product Password Form is a versatile and essential component for any website that prioritizes user security and ease of use, making it a valuable addition to various online platforms.
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.