{"metadata":{"image":[],"title":"","description":""},"api":{"url":"","auth":"required","results":{"codes":[]},"settings":"","params":[]},"next":{"description":"","pages":[]},"title":"Events","type":"basic","slug":"events-simple","excerpt":"","body":"Add listeners for [CustomEvents](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent) to handle built-in UserKit events.\n\nPerforming an action when the UserKitWidget has finished initialization:\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"document.addEventListener(\\\"UserKitInit\\\", function() {\\n\\t// the UserKit widget has finished initialization\\n});\",\n      \"language\": \"javascript\",\n      \"name\": \"UserKitInit\"\n    }\n  ]\n}\n[/block]\nPerforming an action when a user has signed in\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"document.addEventListener(\\\"UserKitSignIn\\\", function() {\\n\\t// user has signed in by either:\\n  // a) resuming a previous session on page-load\\n  // b) a successful login through the login flow\\n});\",\n      \"language\": \"javascript\",\n      \"name\": \"UserKitSignIn\"\n    }\n  ]\n}\n[/block]\nPerforming an action when an invite is accepted.\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"document.addEventListener(\\\"UserKitInviteAccepted\\\", function(event) {\\n\\t// user has accepted an invite\\n  // `event.token` will contain the accepted invite-token\\n});\",\n      \"language\": \"javascript\",\n      \"name\": \"UserKitInviteAccepted\"\n    }\n  ]\n}\n[/block]","updates":[],"order":3,"isReference":false,"hidden":false,"sync_unique":"","link_url":"","link_external":false,"_id":"58480add9b31af2d00062475","githubsync":"","user":"555297897e64980d008d3baf","__v":0,"category":{"sync":{"isSync":false,"url":""},"pages":[],"title":"Javascript Widget","slug":"javascript-widget","order":1,"from_sync":false,"reference":false,"_id":"5846c4ee5d064323007b1774","project":"5589ceae9883a40d00c433f3","createdAt":"2016-12-06T14:02:22.621Z","__v":0,"version":"5589ceae9883a40d00c433f6"},"version":{"version":"1.0","version_clean":"1.0.0","codename":"","is_stable":true,"is_beta":true,"is_hidden":false,"is_deprecated":false,"categories":["5589ceaf9883a40d00c433f7","559ab19d2100d117005f1269","57d4a754899ab90e00105e5d","5807813b6d24211900953b99","5819154bf62fee0f00949855","5841d27cae05ac2500ba2680","5846c4ee5d064323007b1774","589e29c72793e937001c15c5","5cf0460e272f2c0014a80d17","5cf047bde14258005d7a374e","5db6fa2c7f86fa004ff2c35b","5e349a6a02520b006458b0ae","5e4c89eafd907100654072f2","5e4d7a1feca7f90018b15b9b","5e4eff0ec3399b005118d83a"],"_id":"5589ceae9883a40d00c433f6","releaseDate":"2015-06-23T21:25:02.865Z","__v":15,"createdAt":"2015-06-23T21:25:02.865Z","project":"5589ceae9883a40d00c433f3"},"parentDoc":null,"createdAt":"2016-12-07T13:13:01.616Z","project":"5589ceae9883a40d00c433f3"}
Add listeners for [CustomEvents](https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent) to handle built-in UserKit events. Performing an action when the UserKitWidget has finished initialization: [block:code] { "codes": [ { "code": "document.addEventListener(\"UserKitInit\", function() {\n\t// the UserKit widget has finished initialization\n});", "language": "javascript", "name": "UserKitInit" } ] } [/block] Performing an action when a user has signed in [block:code] { "codes": [ { "code": "document.addEventListener(\"UserKitSignIn\", function() {\n\t// user has signed in by either:\n // a) resuming a previous session on page-load\n // b) a successful login through the login flow\n});", "language": "javascript", "name": "UserKitSignIn" } ] } [/block] Performing an action when an invite is accepted. [block:code] { "codes": [ { "code": "document.addEventListener(\"UserKitInviteAccepted\", function(event) {\n\t// user has accepted an invite\n // `event.token` will contain the accepted invite-token\n});", "language": "javascript", "name": "UserKitInviteAccepted" } ] } [/block]