Component laden...

Laden

Meer onderdelen

Bekijk alles
Deel van

Success & Error Messages

Oeps! Er ging iets mis bij het verzenden van het formulier.
Success & Error Messages
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3a","type":"Block","tag":"div","classes":["b1ddd61e-7794-9da7-1d10-d271b7d23227"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db3b","4d9b9b37-757c-a628-ce5b-4aa3c7b1db45","e91f3426-51b3-2554-0cc2-49d083d05bf7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3b","type":"Block","tag":"div","classes":["eadacc23-8f84-1bf6-71a0-1ea964aa5c76"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db3c","4d9b9b37-757c-a628-ce5b-4aa3c7b1db43"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"success"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3c","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db3d","4d9b9b37-757c-a628-ce5b-4aa3c7b1db41"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3d","type":"HtmlEmbed","tag":"div","classes":["731e54de-6428-4937-4ab6-d11feea4ab7e"],"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=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db41","type":"Block","tag":"div","classes":[],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db42"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db42","text":true,"v":"This is a success message."},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db43","type":"Link","tag":"a","classes":["e8ec2ec1-84b4-2c40-6162-c6bd97d935ed"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db44"],"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":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db44","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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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}}}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db45","type":"Block","tag":"div","classes":["eadacc23-8f84-1bf6-71a0-1ea964aa5c76","0cad6d34-9d96-f1da-e34a-e7fc577fb0a3"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db46","4d9b9b37-757c-a628-ce5b-4aa3c7b1db4d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"error"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db46","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db47","4d9b9b37-757c-a628-ce5b-4aa3c7b1db4b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db47","type":"HtmlEmbed","tag":"div","classes":["731e54de-6428-4937-4ab6-d11feea4ab7e","9e102ada-34a5-dd91-261a-70093167ea9c"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4b","type":"Block","tag":"div","classes":[],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db4c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4c","text":true,"v":"This is an error message. "},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4d","type":"Link","tag":"a","classes":["e8ec2ec1-84b4-2c40-6162-c6bd97d935ed"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db4e"],"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":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4e","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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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}}}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bf7","type":"Block","tag":"div","classes":["eadacc23-8f84-1bf6-71a0-1ea964aa5c76","879a755d-f59f-2fbc-3a4b-8f915947be59"],"children":["e91f3426-51b3-2554-0cc2-49d083d05bf8","e91f3426-51b3-2554-0cc2-49d083d05bfc"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"error"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bf8","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["e91f3426-51b3-2554-0cc2-49d083d05bf9","e91f3426-51b3-2554-0cc2-49d083d05bfa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bf9","type":"HtmlEmbed","tag":"div","classes":["731e54de-6428-4937-4ab6-d11feea4ab7e","909d7fe2-a093-dadf-3196-2082ddc1c295"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bfa","type":"Block","tag":"div","classes":[],"children":["e91f3426-51b3-2554-0cc2-49d083d05bfb"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bfb","text":true,"v":"This is also an error message. "},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bfc","type":"Link","tag":"a","classes":["e8ec2ec1-84b4-2c40-6162-c6bd97d935ed"],"children":["e91f3426-51b3-2554-0cc2-49d083d05bfd"],"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":"e91f3426-51b3-2554-0cc2-49d083d05bfd","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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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}}}}],"styles":[{"_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":"879a755d-f59f-2fbc-3a4b-8f915947be59","fake":false,"type":"class","name":"yellow","namespace":"","comb":"&","styleLess":"border-top-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); border-right-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); border-bottom-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); border-left-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); background-color: hsla(39, 90.91%, 95.69%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"eadacc23-8f84-1bf6-71a0-1ea964aa5c76","fake":false,"type":"class","name":"toast-box-c","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: 1px; border-top-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(138.4615384615385, 44.83%, 94.31%, 1.00); box-shadow: 0 5px 10px -5px hsla(0, 0.00%, 0.00%, 0.10); color: black;","variants":{},"children":["0cad6d34-9d96-f1da-e34a-e7fc577fb0a3","879a755d-f59f-2fbc-3a4b-8f915947be59"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9e102ada-34a5-dd91-261a-70093167ea9c","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"padding-top: 0.15rem; padding-right: 0.3rem; padding-bottom: 0.3rem; padding-left: 0.3rem; background-color: hsla(350.7894736842105, 100.00%, 44.71%, 0.15); background-image: linear-gradient(to bottom, hsla(10.461538461538463, 85.90%, 55.49%, 1.00), hsla(10.666666666666668, 76.27%, 53.73%, 1.00));","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"731e54de-6428-4937-4ab6-d11feea4ab7e","fake":false,"type":"class","name":"toast-icon-c","namespace":"","comb":"","styleLess":"display: flex; width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.4rem; justify-content: center; align-items: center; border-top-left-radius: 36%; border-top-right-radius: 36%; border-bottom-left-radius: 36%; border-bottom-right-radius: 36%; background-color: hsla(136.22950819672133, 52.59%, 45.49%, 1.00); background-image: linear-gradient(to bottom, hsla(136.74418604651163, 50.99%, 49.61%, 1.00), hsla(136.22950819672133, 53.04%, 45.10%, 1.00)); box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3); color: white;","variants":{},"children":["9e102ada-34a5-dd91-261a-70093167ea9c","909d7fe2-a093-dadf-3196-2082ddc1c295"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_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":"e8ec2ec1-84b4-2c40-6162-c6bd97d935ed","fake":false,"type":"class","name":"toast-close-grey","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0px; right: 0.5rem; bottom: 0px; display: flex; width: 2rem; height: 2rem; margin-top: auto; margin-bottom: auto; padding-top: 8px; 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; color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{"main_hover":{"styleLess":"background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0cad6d34-9d96-f1da-e34a-e7fc577fb0a3","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"border-top-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); border-right-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); border-bottom-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); border-left-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); background-color: hsla(13.333333333333385, 69.23%, 94.90%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"909d7fe2-a093-dadf-3196-2082ddc1c295","fake":false,"type":"class","name":"yellow","namespace":"","comb":"&","styleLess":"background-color: hsla(37.563025210084035, 100.00%, 46.67%, 1.00); background-image: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Klonen in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3a","type":"Block","tag":"div","classes":["b1ddd61e-7794-9da7-1d10-d271b7d23227"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db3b","4d9b9b37-757c-a628-ce5b-4aa3c7b1db45","e91f3426-51b3-2554-0cc2-49d083d05bf7"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3b","type":"Block","tag":"div","classes":["eadacc23-8f84-1bf6-71a0-1ea964aa5c76"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db3c","4d9b9b37-757c-a628-ce5b-4aa3c7b1db43"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"success"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3c","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db3d","4d9b9b37-757c-a628-ce5b-4aa3c7b1db41"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db3d","type":"HtmlEmbed","tag":"div","classes":["731e54de-6428-4937-4ab6-d11feea4ab7e"],"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=\"currentColor\"/>\n</svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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=\"currentColor\"/>\n</svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db41","type":"Block","tag":"div","classes":[],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db42"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db42","text":true,"v":"This is a success message."},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db43","type":"Link","tag":"a","classes":["e8ec2ec1-84b4-2c40-6162-c6bd97d935ed"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db44"],"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":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db44","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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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}}}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db45","type":"Block","tag":"div","classes":["eadacc23-8f84-1bf6-71a0-1ea964aa5c76","0cad6d34-9d96-f1da-e34a-e7fc577fb0a3"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db46","4d9b9b37-757c-a628-ce5b-4aa3c7b1db4d"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"error"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db46","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db47","4d9b9b37-757c-a628-ce5b-4aa3c7b1db4b"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db47","type":"HtmlEmbed","tag":"div","classes":["731e54de-6428-4937-4ab6-d11feea4ab7e","9e102ada-34a5-dd91-261a-70093167ea9c"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4b","type":"Block","tag":"div","classes":[],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db4c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4c","text":true,"v":"This is an error message. "},{"_id":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4d","type":"Link","tag":"a","classes":["e8ec2ec1-84b4-2c40-6162-c6bd97d935ed"],"children":["4d9b9b37-757c-a628-ce5b-4aa3c7b1db4e"],"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":"4d9b9b37-757c-a628-ce5b-4aa3c7b1db4e","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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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}}}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bf7","type":"Block","tag":"div","classes":["eadacc23-8f84-1bf6-71a0-1ea964aa5c76","879a755d-f59f-2fbc-3a4b-8f915947be59"],"children":["e91f3426-51b3-2554-0cc2-49d083d05bf8","e91f3426-51b3-2554-0cc2-49d083d05bfc"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message","value":"error"}],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bf8","type":"Block","tag":"div","classes":["9173597a-753d-9af4-8e57-d79e51f90063"],"children":["e91f3426-51b3-2554-0cc2-49d083d05bf9","e91f3426-51b3-2554-0cc2-49d083d05bfa"],"data":{"search":{"exclude":false},"xattr":[],"text":false,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bf9","type":"HtmlEmbed","tag":"div","classes":["731e54de-6428-4937-4ab6-d11feea4ab7e","909d7fe2-a093-dadf-3196-2082ddc1c295"],"children":[],"v":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","data":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"embed":{"type":"html","meta":{"html":"<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"32px\" viewBox=\"0 0 24 24\" width=\"32px\" fill=\"currentColor\"><path d=\"M4.47 21h15.06c1.54 0 2.5-1.67 1.73-3L13.73 4.99c-.77-1.33-2.69-1.33-3.46 0L2.74 18c-.77 1.33.19 3 1.73 3zM12 14c-.55 0-1-.45-1-1v-2c0-.55.45-1 1-1s1 .45 1 1v2c0 .55-.45 1-1 1zm1 4h-2v-2h2v2z\"/></svg>","div":false,"iframe":false,"script":false,"compilable":false}}}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bfa","type":"Block","tag":"div","classes":[],"children":["e91f3426-51b3-2554-0cc2-49d083d05bfb"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-message-text","value":"true"}],"text":true,"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bfb","text":true,"v":"This is also an error message. "},{"_id":"e91f3426-51b3-2554-0cc2-49d083d05bfc","type":"Link","tag":"a","classes":["e8ec2ec1-84b4-2c40-6162-c6bd97d935ed"],"children":["e91f3426-51b3-2554-0cc2-49d083d05bfd"],"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":"e91f3426-51b3-2554-0cc2-49d083d05bfd","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":{"insideRTE":false,"search":{"exclude":true},"xattr":[],"displayName":"","attr":{"id":""},"visibility":{"conditions":[]},"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}}}}],"styles":[{"_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":"879a755d-f59f-2fbc-3a4b-8f915947be59","fake":false,"type":"class","name":"yellow","namespace":"","comb":"&","styleLess":"border-top-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); border-right-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); border-bottom-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); border-left-color: hsla(37.777777777777764, 72.97%, 85.49%, 1.00); background-color: hsla(39, 90.91%, 95.69%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"eadacc23-8f84-1bf6-71a0-1ea964aa5c76","fake":false,"type":"class","name":"toast-box-c","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: 1px; border-top-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(136.875, 35.56%, 82.35%, 1.00); border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; background-color: hsla(138.4615384615385, 44.83%, 94.31%, 1.00); box-shadow: 0 5px 10px -5px hsla(0, 0.00%, 0.00%, 0.10); color: black;","variants":{},"children":["0cad6d34-9d96-f1da-e34a-e7fc577fb0a3","879a755d-f59f-2fbc-3a4b-8f915947be59"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"9e102ada-34a5-dd91-261a-70093167ea9c","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"padding-top: 0.15rem; padding-right: 0.3rem; padding-bottom: 0.3rem; padding-left: 0.3rem; background-color: hsla(350.7894736842105, 100.00%, 44.71%, 0.15); background-image: linear-gradient(to bottom, hsla(10.461538461538463, 85.90%, 55.49%, 1.00), hsla(10.666666666666668, 76.27%, 53.73%, 1.00));","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"731e54de-6428-4937-4ab6-d11feea4ab7e","fake":false,"type":"class","name":"toast-icon-c","namespace":"","comb":"","styleLess":"display: flex; width: 2.4rem; height: 2.4rem; margin-right: 0.8rem; padding-top: 0.4rem; padding-right: 0.4rem; padding-bottom: 0.4rem; padding-left: 0.4rem; justify-content: center; align-items: center; border-top-left-radius: 36%; border-top-right-radius: 36%; border-bottom-left-radius: 36%; border-bottom-right-radius: 36%; background-color: hsla(136.22950819672133, 52.59%, 45.49%, 1.00); background-image: linear-gradient(to bottom, hsla(136.74418604651163, 50.99%, 49.61%, 1.00), hsla(136.22950819672133, 53.04%, 45.10%, 1.00)); box-shadow: 0 4px 12px -4px rgba(0, 0, 0, 0.3); color: white;","variants":{},"children":["9e102ada-34a5-dd91-261a-70093167ea9c","909d7fe2-a093-dadf-3196-2082ddc1c295"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_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":"e8ec2ec1-84b4-2c40-6162-c6bd97d935ed","fake":false,"type":"class","name":"toast-close-grey","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0px; right: 0.5rem; bottom: 0px; display: flex; width: 2rem; height: 2rem; margin-top: auto; margin-bottom: auto; padding-top: 8px; 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; color: hsla(0, 0.00%, 0.00%, 0.50);","variants":{"main_hover":{"styleLess":"background-color: white;"}},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"0cad6d34-9d96-f1da-e34a-e7fc577fb0a3","fake":false,"type":"class","name":"red","namespace":"","comb":"&","styleLess":"border-top-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); border-right-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); border-bottom-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); border-left-color: hsla(11.42857142857143, 51.22%, 83.92%, 1.00); background-color: hsla(13.333333333333385, 69.23%, 94.90%, 1.00);","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"909d7fe2-a093-dadf-3196-2082ddc1c295","fake":false,"type":"class","name":"yellow","namespace":"","comb":"&","styleLess":"background-color: hsla(37.563025210084035, 100.00%, 46.67%, 1.00); background-image: none;","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
CC Chrome of SS Safari.

Over dit onderdeel

AI-gegenereerd

Beschrijving van onderdeel (gegenereerd door AI)

This component is designed to display success and error messages in a visually appealing manner, enhancing user feedback during interactions. It includes customizable icons and close buttons for user convenience.

Belangrijkste kenmerken:

  • Displays both success and error messages
  • Includes customizable icons for visual clarity
  • Close button functionality for user interaction
  • Responsive ontwerp geschikt voor verschillende schermformaten

Ontwerpelementen:

  • Fixed position for prominent visibility
  • Color-coded messages: green for success, red for error
  • Rounded corners and shadow effects for a modern look
  • Flexbox layout for alignment of icons and text

Potentiële gebruikssituaties:

  • E-commerce websites for transaction notifications
  • Form submissions on service-based websites
  • User account management systems for feedback on actions
  • Web applications requiring real-time user notifications

Conclusion: The Success & Error Messages component is versatile and essential for improving user experience by providing clear feedback, making it suitable for a wide range of applications.

Bouwen

Begin met het bouwen van je dromen

Memberstack is 100% gratis totdat u klaar bent om te lanceren - dus waar wacht u nog op? Maak je eerste app en begin vandaag nog.