Loading Component...

Loading

More Components

View All

Facebook Social Login

Clone in Webflow
Facebook Social Login
Copy Component
{"type":"@webflow/XscpData","payload":{"nodes":[{"_id":"546ec563-354c-70b2-6b80-3efaa4f00854","type":"Link","tag":"a","classes":["b78c2541-8473-a75b-a297-efaf65e93385","c36ff424-1c20-d36b-5eeb-7501ac1bd0d2"],"children":["546ec563-354c-70b2-6b80-3efaa4f00855"],"data":{"search":{"exclude":false},"xattr":[{"name":"data-ms-auth","value":"facebook"}],"block":"inline","attr":{"id":""},"visibility":{"conditions":[]},"button":false,"link":{"mode":"external","url":"#"}}},{"_id":"546ec563-354c-70b2-6b80-3efaa4f00855","type":"Block","tag":"div","classes":["b78c2541-8473-a75b-a297-efaf65e93386"],"children":["546ec563-354c-70b2-6b80-3efaa4f00856","546ec563-354c-70b2-6b80-3efaa4f00857"],"data":{"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]},"text":false}},{"_id":"546ec563-354c-70b2-6b80-3efaa4f00856","type":"Image","tag":"img","classes":["3e7f4474-bee1-03cf-9e0e-915f224e02a6"],"children":[],"data":{"attr":{"src":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/632c960d4839cf20aeafcad2_facebook.svg","loading":"lazy","width":"auto","height":"auto","id":""},"img":{"id":"632c960d4839cf20aeafcad2"},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"546ec563-354c-70b2-6b80-3efaa4f00857","type":"Block","tag":"div","classes":["67a655d2-2c0f-837d-4420-e36e24bfdb13"],"children":["546ec563-354c-70b2-6b80-3efaa4f00858"],"data":{"text":true,"tag":"div","attr":{"id":""},"xattr":[],"search":{"exclude":false},"visibility":{"conditions":[]}}},{"_id":"546ec563-354c-70b2-6b80-3efaa4f00858","text":true,"v":"Sign in with Facebook"}],"styles":[{"_id":"b78c2541-8473-a75b-a297-efaf65e93385","fake":false,"type":"class","name":"Social Btn","namespace":"","comb":"","styleLess":"width: 100%; margin-bottom: 10px; padding-top: 12px; padding-right: 20px; 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":"c36ff424-1c20-d36b-5eeb-7501ac1bd0d2","fake":false,"type":"class","name":"Facebook","namespace":"","comb":"&","styleLess":"","variants":{"main_hover":{"styleLess":"border-top-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-right-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-bottom-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00); border-left-color: hsla(213.69863013698628, 89.39%, 51.96%, 1.00);"}},"children":["22bf31a6-3fcd-c46a-71c6-3b6a8f0196a1"],"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}],"assets":[{"cdnUrl":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/632c960d4839cf20aeafcad2_facebook.svg","siteId":"632c941ea9199f8985f3fd52","width":507,"isHD":false,"height":507,"fileName":"632c960d4839cf20aeafcad2_facebook.svg","createdOn":"2022-09-22T17:06:21.414Z","origFileName":"facebook.svg","fileHash":"66789de071c028b87f9661321cf9984f","variants":[],"mimeType":"image/svg+xml","s3Url":"https://s3.amazonaws.com/webflow-prod-assets/632c941ea9199f8985f3fd52/632c960d4839cf20aeafcad2_facebook.svg","thumbUrl":"https://assets-global.website-files.com/632c941ea9199f8985f3fd52/632c960d4839cf20aeafcad2_facebook.svg","_id":"632c960d4839cf20aeafcad2","updatedOn":"2022-09-22T17:06:21.414Z","fileSize":758}],"ix1":[],"ix2":{"interactions":[],"events":[],"actionLists":[]}},"meta":{"unlinkedSymbolCount":0,"droppedLinks":0,"dynBindRemovedCount":0,"dynListBindRemovedCount":0,"paginationRemovedCount":0}}

More Auth Buttons Components

View All

More Social Login Buttons Components

View All