{"action":"closed","issue":{"url":"https://api.github.com/repos/aurelia-ui-toolkits/aurelia-materialize-bridge/issues/49","labels_url":"https://api.github.com/repos/aurelia-ui-toolkits/aurelia-materialize-bridge/issues/49/labels{/name}","comments_url":"https://api.github.com/repos/aurelia-ui-toolkits/aurelia-materialize-bridge/issues/49/comments","events_url":"https://api.github.com/repos/aurelia-ui-toolkits/aurelia-materialize-bridge/issues/49/events","html_url":"https://github.com/aurelia-ui-toolkits/aurelia-materialize-bridge/issues/49","id":129121148,"number":49,"title":"Implement md-switch","user":{"login":"Thanood","id":677826,"avatar_url":"https://avatars.githubusercontent.com/u/677826?v=3","gravatar_id":"","url":"https://api.github.com/users/Thanood","html_url":"https://github.com/Thanood","followers_url":"https://api.github.com/users/Thanood/followers","following_url":"https://api.github.com/users/Thanood/following{/other_user}","gists_url":"https://api.github.com/users/Thanood/gists{/gist_id}","starred_url":"https://api.github.com/users/Thanood/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Thanood/subscriptions","organizations_url":"https://api.github.com/users/Thanood/orgs","repos_url":"https://api.github.com/users/Thanood/repos","events_url":"https://api.github.com/users/Thanood/events{/privacy}","received_events_url":"https://api.github.com/users/Thanood/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"milestone":{"url":"https://api.github.com/repos/aurelia-ui-toolkits/aurelia-materialize-bridge/milestones/4","html_url":"https://github.com/aurelia-ui-toolkits/aurelia-materialize-bridge/milestones/implement%20the%20%22components%22%20category","labels_url":"https://api.github.com/repos/aurelia-ui-toolkits/aurelia-materialize-bridge/milestones/4/labels","id":1552732,"number":4,"title":"implement the \"components\" category","description":"Implement the components in the \"javascript\" category.","creator":{"login":"Thanood","id":677826,"avatar_url":"https://avatars.githubusercontent.com/u/677826?v=3","gravatar_id":"","url":"https://api.github.com/users/Thanood","html_url":"https://github.com/Thanood","followers_url":"https://api.github.com/users/Thanood/followers","following_url":"https://api.github.com/users/Thanood/following{/other_user}","gists_url":"https://api.github.com/users/Thanood/gists{/gist_id}","starred_url":"https://api.github.com/users/Thanood/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Thanood/subscriptions","organizations_url":"https://api.github.com/users/Thanood/orgs","repos_url":"https://api.github.com/users/Thanood/repos","events_url":"https://api.github.com/users/Thanood/events{/privacy}","received_events_url":"https://api.github.com/users/Thanood/received_events","type":"User","site_admin":false},"open_issues":2,"closed_issues":1,"state":"open","created_at":"2016-01-30T12:14:56Z","updated_at":"2016-02-01T06:46:44Z","due_on":null,"closed_at":null},"comments":0,"created_at":"2016-01-27T11:52:53Z","updated_at":"2016-02-01T06:46:44Z","closed_at":"2016-02-01T06:46:44Z","body":"In materialize a switch is implemented by wrapping an ```<input type=\"checkbox\">``` element. Unlike f.i. text fields, checkboxes are quite simple elements,\r\n\r\nI'd like to implement it as a custom element because that way we have easier control over the mentioned wrapper.\r\n\r\nUsage example:\r\n```html\r\n<md-switch value.bind=\"viewModelValue\" label-activate=\"On\" label-deactivate=\"Off\"></md-switch>\r\n```\r\n\r\nWhich translates to:\r\n```html\r\n<div class=\"switch\">\r\n  <label>\r\n    Off\r\n    <input type=\"checkbox\">\r\n    <span class=\"lever\"></span>\r\n    On\r\n  </label>\r\n</div>\r\n```\r\n"}}