Component laden...
Laden
Bedankt! Ik zal
dit project zo snel mogelijk bijwerken.
dit project zo snel mogelijk bijwerken.
Oeps! Er ging iets mis bij het verzenden van het formulier.
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":"266c221d-e014-0dc0-15a6-81e9ad2e0242","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","8f74f914-9676-dc2b-de11-d828cdf07ff5"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0243"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"spotify"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0243","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0244","266c221d-e014-0dc0-15a6-81e9ad2e0245","266c221d-e014-0dc0-15a6-81e9ad2e0246"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0244","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632c95c4c75f2ea0362f20b7"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0245","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["938dc8eb-c599-8dba-cf73-991436749e6c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Spotify"}],"text":true,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"938dc8eb-c599-8dba-cf73-991436749e6c","text":true,"v":"Continue with Spotify"},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0246","type":"Block","tag":"div","classes":["14420a4a-6592-ac3a-3c7f-530cba49272d"],"children":["3ba33c99-0f68-3bed-d39c-dbbcc0808631"],"data":{"tag":"div","xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3ba33c99-0f68-3bed-d39c-dbbcc0808631","type":"Image","tag":"img","classes":["7dee09b5-aeae-95bb-58b1-768f8f8d9435"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["b8cab70c-aadd-6f9a-f4e7-12c5cb42c48e","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","e63577dc-f58b-32d9-fdca-44c357fe3cea","23e62748-e1af-8eae-84ad-b7304de22669","8f74f914-9676-dc2b-de11-d828cdf07ff5","f4ae05b1-d9ae-3f37-d7d9-5d08e7299c83","21ad250c-9645-3884-97f3-87ec7f93b1e7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8f74f914-9676-dc2b-de11-d828cdf07ff5","fake":false,"type":"class","name":"Spotify","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00); border-right-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00); border-bottom-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00); border-left-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00);"}},"children":["201bfe13-bfdf-cf07-1f86-65cb87b03e2f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 20px;","variants":{},"children":["0bf4e500-4b1f-48bf-7d37-1a1df66f9b1f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":["6eb2f25c-d30c-6a9e-f26a-f074924a95b7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"67a655d2-2c0f-837d-4420-e36e24bfdb13","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14420a4a-6592-ac3a-3c7f-530cba49272d","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"7dee09b5-aeae-95bb-58b1-768f8f8d9435","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":["1e57bc78-a858-b584-6806-411010152d9b"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","siteId":"632c941ea9199f8985f3fd52","width":1333,"isHD":false,"height":1333,"fileName":"632c95c4c75f2ea0362f20b7_spotify.svg","createdOn":"2022-09-22T17:05:08.595Z","origFileName":"spotify.svg","fileHash":"fad0aaedeb9ff1194ea282ca60f3aed4","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","_id":"632c95c4c75f2ea0362f20b7","updatedOn":"2022-09-22T19:51:31.835Z","fileSize":1125},{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","siteId":"632c941ea9199f8985f3fd52","width":24,"isHD":false,"height":24,"fileName":"6331f8b4b515a6328c67f9ec_close_black_24dp.svg","createdOn":"2022-09-26T19:08:36.466Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","_id":"6331f8b4b515a6328c67f9ec","updatedOn":"2022-09-27T12:08:27.397Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Clone in Webflow
Kopieer component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0242","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","8f74f914-9676-dc2b-de11-d828cdf07ff5"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0243"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-provider","value":"spotify"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0243","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["266c221d-e014-0dc0-15a6-81e9ad2e0244","266c221d-e014-0dc0-15a6-81e9ad2e0245","266c221d-e014-0dc0-15a6-81e9ad2e0246"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0244","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632c95c4c75f2ea0362f20b7"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0245","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["938dc8eb-c599-8dba-cf73-991436749e6c"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth-connected-text","value":"Disconnect Spotify"}],"text":true,"attr":{"id":""},"visibility":{"conditions":[]},"tag":"div"}},{"_id":"938dc8eb-c599-8dba-cf73-991436749e6c","text":true,"v":"Continue with Spotify"},{"_id":"266c221d-e014-0dc0-15a6-81e9ad2e0246","type":"Block","tag":"div","classes":["14420a4a-6592-ac3a-3c7f-530cba49272d"],"children":["3ba33c99-0f68-3bed-d39c-dbbcc0808631"],"data":{"tag":"div","xattr":[{"name":"data-ms-auth-disconnect","value":"true"}],"attr":{"id":""},"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"3ba33c99-0f68-3bed-d39c-dbbcc0808631","type":"Image","tag":"img","classes":["7dee09b5-aeae-95bb-58b1-768f8f8d9435"],"children":[],"data":{"attr":{"src":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"6331f8b4b515a6328c67f9ec"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}}],"styles":[{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"position: relative; width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 40px; padding-bottom: 12px; padding-left: 15px; border-top-style: solid; border-top-width: 1px; border-top-color: hsla(240, 15.31%, 88.19%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(240, 15.31%, 88.19%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(240, 15.31%, 88.19%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(240, 15.31%, 88.19%, 1.00); border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; box-shadow: 0 1px 2px 0 hsla(240, 15.31%, 88.19%, 0.50); transition-property: border-color, box-shadow; transition-duration: 200ms, 200ms; transition-timing-function: ease, ease; color: hsla(0, 0.00%, 0.00%, 1.00); font-size: 15px; font-weight: 300; text-decoration: none;","variants":{"main_focus":{"styleLess":"border-top-style: solid; border-top-width: 1px; border-top-color: hsla(0, 0.00%, 0.00%, 1.00); border-right-style: solid; border-right-width: 1px; border-right-color: hsla(0, 0.00%, 0.00%, 1.00); border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: hsla(0, 0.00%, 0.00%, 1.00); border-left-style: solid; border-left-width: 1px; border-left-color: hsla(0, 0.00%, 0.00%, 1.00);"},"main_placeholder":{"styleLess":"color: hsla(0, 0.00%, 43.33%, 1.00);"},"main_hover":{"styleLess":"border-top-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-right-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-bottom-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); border-left-color: hsla(215.55555555555554, 19.71%, 26.86%, 1.00); box-shadow: none /* 0 1px 4px 0 rgba(220, 220, 229, 0.9) */;"}},"children":["b8cab70c-aadd-6f9a-f4e7-12c5cb42c48e","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","e63577dc-f58b-32d9-fdca-44c357fe3cea","23e62748-e1af-8eae-84ad-b7304de22669","8f74f914-9676-dc2b-de11-d828cdf07ff5","f4ae05b1-d9ae-3f37-d7d9-5d08e7299c83","21ad250c-9645-3884-97f3-87ec7f93b1e7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"8f74f914-9676-dc2b-de11-d828cdf07ff5","fake":false,"type":"class","name":"Spotify","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00); border-right-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00); border-bottom-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00); border-left-color: hsla(141.15384615384616, 72.90%, 41.96%, 1.00);"}},"children":["201bfe13-bfdf-cf07-1f86-65cb87b03e2f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"b78c2541-8473-a75b-a297-efaf65e93386","fake":false,"type":"class","name":"Social Content","namespace":"","comb":"","styleLess":"display: flex; align-items: center; grid-column-gap: 20px;","variants":{},"children":["0bf4e500-4b1f-48bf-7d37-1a1df66f9b1f"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"3e7f4474-bee1-03cf-9e0e-915f224e02a6","fake":false,"type":"class","name":"Social Image","namespace":"","comb":"","styleLess":"width: 24px;","variants":{},"children":["6eb2f25c-d30c-6a9e-f26a-f074924a95b7"],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"67a655d2-2c0f-837d-4420-e36e24bfdb13","fake":false,"type":"class","name":"Social Text","namespace":"","comb":"","styleLess":"","variants":{},"children":[],"createdBy":"572e16b6f586648f39f82496","selector":null},{"_id":"14420a4a-6592-ac3a-3c7f-530cba49272d","fake":false,"type":"class","name":"Disconnect Link","namespace":"","comb":"","styleLess":"position: absolute; left: auto; top: 0%; right: 0%; bottom: 0%; padding-top: 13px; padding-right: 13px; padding-bottom: 13px; padding-left: 13px; text-align: right; text-decoration: underline;","variants":{"main_hover":{"styleLess":"color: hsla(0, 0.00%, 0.00%, 1.00);"}},"children":[],"selector":null},{"_id":"7dee09b5-aeae-95bb-58b1-768f8f8d9435","fake":false,"type":"class","name":"Disconnect Image","namespace":"","comb":"","styleLess":"width: 16px;","variants":{},"children":["1e57bc78-a858-b584-6806-411010152d9b"],"createdBy":"572e16b6f586648f39f82496","selector":null}],"assets":[{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","siteId":"632c941ea9199f8985f3fd52","width":1333,"isHD":false,"height":1333,"fileName":"632c95c4c75f2ea0362f20b7_spotify.svg","createdOn":"2022-09-22T17:05:08.595Z","origFileName":"spotify.svg","fileHash":"fad0aaedeb9ff1194ea282ca60f3aed4","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/632c95c4c75f2ea0362f20b7_spotify.svg","_id":"632c95c4c75f2ea0362f20b7","updatedOn":"2022-09-22T19:51:31.835Z","fileSize":1125},{"cdnUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","siteId":"632c941ea9199f8985f3fd52","width":24,"isHD":false,"height":24,"fileName":"6331f8b4b515a6328c67f9ec_close_black_24dp.svg","createdOn":"2022-09-26T19:08:36.466Z","origFileName":"close_black_24dp.svg","fileHash":"2575acf5ecbc8159c6710f6a6c525c82","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","thumbUrl":"https://cdn.prod.website-files.com/632c941ea9199f8985f3fd52/6331f8b4b515a6328c67f9ec_close_black_24dp.svg","_id":"6331f8b4b515a6328c67f9ec","updatedOn":"2022-09-27T12:08:27.397Z","fileSize":430}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}
Browser niet ondersteund. Gebruik
Chrome of Safari.
Chrome of Safari.
About this component
AI Generated