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":"fbba79f2-d957-0d74-5b52-e9fb039ddd9c","type":"Block","tag":"div","classes":["b1ddd61e-7794-9da7-1d10-d271b7d23227"],"children":["d140b79f-c76b-07a6-3727-5e3c236a217d","8e07e2e5-8503-1c91-a0e1-a0e875349118"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a217d","type":"Block","tag":"div","classes":["e1d820cb-f690-2078-4a82-f1a7e33862fe"],"children":["238aba6a-792c-2400-64e1-9c12c551a09a","d140b79f-c76b-07a6-3727-5e3c236a2181"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"success"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"238aba6a-792c-2400-64e1-9c12c551a09a","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["d140b79f-c76b-07a6-3727-5e3c236a217e","8ce7d005-95db-96b9-67d0-85df80094932"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a217e","type":"HtmlEmbed","tag":"div","classes":["9ffcb686-0f5c-a105-10b8-0b5a0e4a4629"],"children":[],"v":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"#2EC862\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"#2EC862\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"8ce7d005-95db-96b9-67d0-85df80094932","type":"Block","tag":"div","classes":[],"children":["977e96d4-82d8-54ff-f203-fb193a24e936","d140b79f-c76b-07a6-3727-5e3c236a217f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"977e96d4-82d8-54ff-f203-fb193a24e936","type":"Block","tag":"div","classes":["4bd02306-1597-a36e-55b2-d143a42df6d1"],"children":["baa984e3-6e29-0aab-5f05-5534f4a62ca1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"baa984e3-6e29-0aab-5f05-5534f4a62ca1","text":true,"v":"Success!"},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a217f","type":"Block","tag":"div","classes":[],"children":["d140b79f-c76b-07a6-3727-5e3c236a2180"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a2180","text":true,"v":"This is a success message."},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a2181","type":"Link","tag":"a","classes":["28e328db-d17c-7dda-7254-a4ba9e0ead12"],"children":["d140b79f-c76b-07a6-3727-5e3c236a2182"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-close","value":"true"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a2182","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e875349118","type":"Block","tag":"div","classes":["e1d820cb-f690-2078-4a82-f1a7e33862fe","ac21146b-2f53-89c2-41a1-856b9549c79d"],"children":["2c40bd37-f676-00c7-cc81-95457923cc0d","8e07e2e5-8503-1c91-a0e1-a0e87534911a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"error"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2c40bd37-f676-00c7-cc81-95457923cc0d","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["8e07e2e5-8503-1c91-a0e1-a0e875349119","c898942a-935f-d246-c929-8a2b23f0ee29"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e875349119","type":"HtmlEmbed","tag":"div","classes":["9ffcb686-0f5c-a105-10b8-0b5a0e4a4629","f0db33fa-06fa-547a-2b3f-ac8e5366af0c"],"children":[],"v":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z\" fill=\"#E40023\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z\" fill=\"#E40023\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"c898942a-935f-d246-c929-8a2b23f0ee29","type":"Block","tag":"div","classes":[],"children":["8e00f18c-a1d6-5d93-6299-ed577d7ead85","8e07e2e5-8503-1c91-a0e1-a0e87534911c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e00f18c-a1d6-5d93-6299-ed577d7ead85","type":"Block","tag":"div","classes":["4bd02306-1597-a36e-55b2-d143a42df6d1"],"children":["8e00f18c-a1d6-5d93-6299-ed577d7ead86"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e00f18c-a1d6-5d93-6299-ed577d7ead86","text":true,"v":"Error"},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911c","type":"Block","tag":"div","classes":[],"children":["8e07e2e5-8503-1c91-a0e1-a0e87534911d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911d","text":true,"v":"This is an error message. "},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911a","type":"Link","tag":"a","classes":["28e328db-d17c-7dda-7254-a4ba9e0ead12"],"children":["8e07e2e5-8503-1c91-a0e1-a0e87534911b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-close","value":"true"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911b","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}}],"styles":[{"_id":"b1ddd61e-7794-9da7-1d10-d271b7d23227","fake":false,"type":"class","name":"toast-wrapper","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; top: auto; right: 0px; bottom: 0px; z-index: 2147483647; width: 50%; min-width: 50vh; margin-right: auto; margin-left: auto;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e1d820cb-f690-2078-4a82-f1a7e33862fe","fake":false,"type":"class","name":"toast-box-a","namespace":"","comb":"","styleLess":"position: relative; margin-bottom: 1rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.4rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-right-style: solid; border-right-width: 0.5px; border-right-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-bottom-style: solid; border-bottom-width: 0.5px; border-bottom-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-left-style: solid; border-left-width: 0.5px; border-left-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: white; box-shadow: 0 10px 30px -10px hsla(0, 0.00%, 0.00%, 0.10); color: black;","variants":{},"children":["ac21146b-2f53-89c2-41a1-856b9549c79d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9173597a-753d-9af4-8e57-d79e51f90063","fake":false,"type":"class","name":"toast-content","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9ffcb686-0f5c-a105-10b8-0b5a0e4a4629","fake":false,"type":"class","name":"toast-icon-a","namespace":"","comb":"","styleLess":"display: flex; width: 3rem; height: 3rem; margin-right: 0.8rem; padding-top: 0.8rem; padding-right: 0.8rem; padding-bottom: 0.8rem; padding-left: 0.8rem; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: rgba(46, 200, 98, 0.15);","variants":{},"children":["f0db33fa-06fa-547a-2b3f-ac8e5366af0c"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4bd02306-1597-a36e-55b2-d143a42df6d1","fake":false,"type":"class","name":"toast-header","namespace":"","comb":"","styleLess":"margin-bottom: -0.25rem; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"28e328db-d17c-7dda-7254-a4ba9e0ead12","fake":false,"type":"class","name":"toast-close-black","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0px; display: flex; width: 4rem; padding-top: 6px; justify-content: center; align-items: center; color: black;","variants":{},"children":["318234c7-ff30-88bc-80eb-626bd27fe13f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ac21146b-2f53-89c2-41a1-856b9549c79d","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"border-top-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00); border-right-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00); border-bottom-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00); border-left-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"f0db33fa-06fa-547a-2b3f-ac8e5366af0c","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"background-color: hsla(350.7894736842105, 100.00%, 44.71%, 0.15);","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":"fbba79f2-d957-0d74-5b52-e9fb039ddd9c","type":"Block","tag":"div","classes":["b1ddd61e-7794-9da7-1d10-d271b7d23227"],"children":["d140b79f-c76b-07a6-3727-5e3c236a217d","8e07e2e5-8503-1c91-a0e1-a0e875349118"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a217d","type":"Block","tag":"div","classes":["e1d820cb-f690-2078-4a82-f1a7e33862fe"],"children":["238aba6a-792c-2400-64e1-9c12c551a09a","d140b79f-c76b-07a6-3727-5e3c236a2181"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"success"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"238aba6a-792c-2400-64e1-9c12c551a09a","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["d140b79f-c76b-07a6-3727-5e3c236a217e","8ce7d005-95db-96b9-67d0-85df80094932"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a217e","type":"HtmlEmbed","tag":"div","classes":["9ffcb686-0f5c-a105-10b8-0b5a0e4a4629"],"children":[],"v":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"#2EC862\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM8 15L3 10L4.41 8.59L8 12.17L15.59 4.58L17 6L8 15Z\" fill=\"#2EC862\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"8ce7d005-95db-96b9-67d0-85df80094932","type":"Block","tag":"div","classes":[],"children":["977e96d4-82d8-54ff-f203-fb193a24e936","d140b79f-c76b-07a6-3727-5e3c236a217f"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"977e96d4-82d8-54ff-f203-fb193a24e936","type":"Block","tag":"div","classes":["4bd02306-1597-a36e-55b2-d143a42df6d1"],"children":["baa984e3-6e29-0aab-5f05-5534f4a62ca1"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"baa984e3-6e29-0aab-5f05-5534f4a62ca1","text":true,"v":"Success!"},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a217f","type":"Block","tag":"div","classes":[],"children":["d140b79f-c76b-07a6-3727-5e3c236a2180"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a2180","text":true,"v":"This is a success message."},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a2181","type":"Link","tag":"a","classes":["28e328db-d17c-7dda-7254-a4ba9e0ead12"],"children":["d140b79f-c76b-07a6-3727-5e3c236a2182"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-close","value":"true"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"d140b79f-c76b-07a6-3727-5e3c236a2182","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e875349118","type":"Block","tag":"div","classes":["e1d820cb-f690-2078-4a82-f1a7e33862fe","ac21146b-2f53-89c2-41a1-856b9549c79d"],"children":["2c40bd37-f676-00c7-cc81-95457923cc0d","8e07e2e5-8503-1c91-a0e1-a0e87534911a"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"error"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"2c40bd37-f676-00c7-cc81-95457923cc0d","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["8e07e2e5-8503-1c91-a0e1-a0e875349119","c898942a-935f-d246-c929-8a2b23f0ee29"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e875349119","type":"HtmlEmbed","tag":"div","classes":["9ffcb686-0f5c-a105-10b8-0b5a0e4a4629","f0db33fa-06fa-547a-2b3f-ac8e5366af0c"],"children":[],"v":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z\" fill=\"#E40023\"/>\n</svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg width=\"30\" height=\"30\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM11 15H9V13H11V15ZM11 11H9V5H11V11Z\" fill=\"#E40023\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}},{"_id":"c898942a-935f-d246-c929-8a2b23f0ee29","type":"Block","tag":"div","classes":[],"children":["8e00f18c-a1d6-5d93-6299-ed577d7ead85","8e07e2e5-8503-1c91-a0e1-a0e87534911c"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e00f18c-a1d6-5d93-6299-ed577d7ead85","type":"Block","tag":"div","classes":["4bd02306-1597-a36e-55b2-d143a42df6d1"],"children":["8e00f18c-a1d6-5d93-6299-ed577d7ead86"],"data":{"search":{"exclude":false},"xattr":[],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e00f18c-a1d6-5d93-6299-ed577d7ead86","text":true,"v":"Error"},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911c","type":"Block","tag":"div","classes":[],"children":["8e07e2e5-8503-1c91-a0e1-a0e87534911d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911d","text":true,"v":"This is an error message. "},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911a","type":"Link","tag":"a","classes":["28e328db-d17c-7dda-7254-a4ba9e0ead12"],"children":["8e07e2e5-8503-1c91-a0e1-a0e87534911b"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-close","value":"true"}],"block":"inline","displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"8e07e2e5-8503-1c91-a0e1-a0e87534911b","type":"HtmlEmbed","tag":"div","classes":[],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","data":{"search":{"exclude":true},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"20\" viewBox=\"0 0 24 24\" width=\"20\" fill=\"currentColor\"><path d=\"M0 0h24v24H0V0z\" fill=\"none\"/><path d=\"M18.3 5.71c-.39-.39-1.02-.39-1.41 0L12 10.59 7.11 5.7c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41L10.59 12 5.7 16.89c-.39.39-.39 1.02 0 1.41.39.39 1.02.39 1.41 0L12 13.41l4.89 4.89c.39.39 1.02.39 1.41 0 .39-.39.39-1.02 0-1.41L13.41 12l4.89-4.89c.38-.38.38-1.02 0-1.4z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}},"displayName":"","attr":{"id":""},"xattr":[],"visibility":{"conditions":[]},"insideRTE":false}}],"styles":[{"_id":"b1ddd61e-7794-9da7-1d10-d271b7d23227","fake":false,"type":"class","name":"toast-wrapper","namespace":"","comb":"","styleLess":"position: fixed; left: 0px; top: auto; right: 0px; bottom: 0px; z-index: 2147483647; width: 50%; min-width: 50vh; margin-right: auto; margin-left: auto;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"e1d820cb-f690-2078-4a82-f1a7e33862fe","fake":false,"type":"class","name":"toast-box-a","namespace":"","comb":"","styleLess":"position: relative; margin-bottom: 1rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.4rem; border-top-style: solid; border-top-width: 0.5px; border-top-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-right-style: solid; border-right-width: 0.5px; border-right-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-bottom-style: solid; border-bottom-width: 0.5px; border-bottom-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-left-style: solid; border-left-width: 0.5px; border-left-color: hsla(140.25974025974025, 62.60%, 48.24%, 1.00); border-top-left-radius: 50px; border-top-right-radius: 50px; border-bottom-left-radius: 50px; border-bottom-right-radius: 50px; background-color: white; box-shadow: 0 10px 30px -10px hsla(0, 0.00%, 0.00%, 0.10); color: black;","variants":{},"children":["ac21146b-2f53-89c2-41a1-856b9549c79d"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9173597a-753d-9af4-8e57-d79e51f90063","fake":false,"type":"class","name":"toast-content","namespace":"","comb":"","styleLess":"display: flex; align-items: center;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9ffcb686-0f5c-a105-10b8-0b5a0e4a4629","fake":false,"type":"class","name":"toast-icon-a","namespace":"","comb":"","styleLess":"display: flex; width: 3rem; height: 3rem; margin-right: 0.8rem; padding-top: 0.8rem; padding-right: 0.8rem; padding-bottom: 0.8rem; padding-left: 0.8rem; justify-content: center; align-items: center; border-top-left-radius: 50%; border-top-right-radius: 50%; border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; background-color: rgba(46, 200, 98, 0.15);","variants":{},"children":["f0db33fa-06fa-547a-2b3f-ac8e5366af0c"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"4bd02306-1597-a36e-55b2-d143a42df6d1","fake":false,"type":"class","name":"toast-header","namespace":"","comb":"","styleLess":"margin-bottom: -0.25rem; font-weight: 700;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"28e328db-d17c-7dda-7254-a4ba9e0ead12","fake":false,"type":"class","name":"toast-close-black","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0px; display: flex; width: 4rem; padding-top: 6px; justify-content: center; align-items: center; color: black;","variants":{},"children":["318234c7-ff30-88bc-80eb-626bd27fe13f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"ac21146b-2f53-89c2-41a1-856b9549c79d","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"border-top-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00); border-right-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00); border-bottom-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00); border-left-color: hsla(350.7894736842105, 100.00%, 44.71%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"f0db33fa-06fa-547a-2b3f-ac8e5366af0c","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"background-color: hsla(350.7894736842105, 100.00%, 44.71%, 0.15);","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 Rounded Error & Success component is designed to display success and error messages in a visually appealing manner, featuring rounded edges and distinct icons for each message type.
Key Features:
- Displays success and error messages
- Rounded design for a modern look
- Includes customizable icons
- Easy to integrate with existing Webflow projects
Design Elements:
- Rounded corners for a softer appearance
- Color-coded messages: green for success and red for error
- Shadow effects for depth
- Responsive design suitable for various screen sizes
Potential Use Cases:
- Web applications needing user feedback
- E-commerce sites for order confirmations or errors
- Forms that require validation messages
- Dashboard notifications for system alerts
Conclusion: The Rounded Error & Success component is a versatile tool for enhancing user experience by providing clear and visually distinct feedback messages, making it suitable for a wide range of applications.
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.