{"action":"created","issue":{"url":"https://api.github.com/repos/winjs/react-winjs/issues/10","labels_url":"https://api.github.com/repos/winjs/react-winjs/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/winjs/react-winjs/issues/10/comments","events_url":"https://api.github.com/repos/winjs/react-winjs/issues/10/events","html_url":"https://github.com/winjs/react-winjs/issues/10","id":74937281,"number":10,"title":"Suggestion AppBar","user":{"login":"darkyen","id":1041315,"avatar_url":"https://avatars.githubusercontent.com/u/1041315?v=3","gravatar_id":"","url":"https://api.github.com/users/darkyen","html_url":"https://github.com/darkyen","followers_url":"https://api.github.com/users/darkyen/followers","following_url":"https://api.github.com/users/darkyen/following{/other_user}","gists_url":"https://api.github.com/users/darkyen/gists{/gist_id}","starred_url":"https://api.github.com/users/darkyen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/darkyen/subscriptions","organizations_url":"https://api.github.com/users/darkyen/orgs","repos_url":"https://api.github.com/users/darkyen/repos","events_url":"https://api.github.com/users/darkyen/events{/privacy}","received_events_url":"https://api.github.com/users/darkyen/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":4,"created_at":"2015-05-10T15:09:09Z","updated_at":"2015-05-12T11:27:19Z","closed_at":null,"body":"The app bar hosts a variety of stuff, allows animations and things to happen, maybe the app bar class can be like a dialog ? which you initialize once and then anything you write in the app-bar is actually just updating the one single global copy mounted in dom ? this will allow awesome animations and more composability on < windows 10 devices.\r\n"},"comment":{"url":"https://api.github.com/repos/winjs/react-winjs/issues/comments/101245301","html_url":"https://github.com/winjs/react-winjs/issues/10#issuecomment-101245301","issue_url":"https://api.github.com/repos/winjs/react-winjs/issues/10","id":101245301,"user":{"login":"darkyen","id":1041315,"avatar_url":"https://avatars.githubusercontent.com/u/1041315?v=3","gravatar_id":"","url":"https://api.github.com/users/darkyen","html_url":"https://github.com/darkyen","followers_url":"https://api.github.com/users/darkyen/followers","following_url":"https://api.github.com/users/darkyen/following{/other_user}","gists_url":"https://api.github.com/users/darkyen/gists{/gist_id}","starred_url":"https://api.github.com/users/darkyen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/darkyen/subscriptions","organizations_url":"https://api.github.com/users/darkyen/orgs","repos_url":"https://api.github.com/users/darkyen/repos","events_url":"https://api.github.com/users/darkyen/events{/privacy}","received_events_url":"https://api.github.com/users/darkyen/received_events","type":"User","site_admin":false},"created_at":"2015-05-12T11:27:19Z","updated_at":"2015-05-12T11:27:19Z","body":"```\r\nvar appElement = document.getElementById('your-app-element');\r\n\r\nModal.setAppElement(appElement);\r\nModal.injectCSS();\r\n```\r\nThe above code injects a single element as the app element, and all the modals are mounted in that element. I think i want something like\r\n```\r\nvar appBarElement = id(\"app-bar\");\r\nAppBar.mountAt(appBarElement);\r\n\r\n\r\n// now when you render an <AppBar></AppBar> with childrens\r\n// its childrens (or a prop) get injected dynamically to the app-bar\r\n// we can then also use show-commands and hide commands \r\n// for animations and all this will be smooth and require less book keeping\r\n```"}}