{"action":"created","issue":{"url":"https://api.github.com/repos/callemall/material-ui/issues/773","labels_url":"https://api.github.com/repos/callemall/material-ui/issues/773/labels{/name}","comments_url":"https://api.github.com/repos/callemall/material-ui/issues/773/comments","events_url":"https://api.github.com/repos/callemall/material-ui/issues/773/events","html_url":"https://github.com/callemall/material-ui/issues/773","id":85826201,"number":773,"title":"[AppBar] Make composable","user":{"login":"quanglam2807","id":1548835,"avatar_url":"https://avatars.githubusercontent.com/u/1548835?v=3","gravatar_id":"","url":"https://api.github.com/users/quanglam2807","html_url":"https://github.com/quanglam2807","followers_url":"https://api.github.com/users/quanglam2807/followers","following_url":"https://api.github.com/users/quanglam2807/following{/other_user}","gists_url":"https://api.github.com/users/quanglam2807/gists{/gist_id}","starred_url":"https://api.github.com/users/quanglam2807/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/quanglam2807/subscriptions","organizations_url":"https://api.github.com/users/quanglam2807/orgs","repos_url":"https://api.github.com/users/quanglam2807/repos","events_url":"https://api.github.com/users/quanglam2807/events{/privacy}","received_events_url":"https://api.github.com/users/quanglam2807/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":{"login":"shaurya947","id":3454081,"avatar_url":"https://avatars.githubusercontent.com/u/3454081?v=3","gravatar_id":"","url":"https://api.github.com/users/shaurya947","html_url":"https://github.com/shaurya947","followers_url":"https://api.github.com/users/shaurya947/followers","following_url":"https://api.github.com/users/shaurya947/following{/other_user}","gists_url":"https://api.github.com/users/shaurya947/gists{/gist_id}","starred_url":"https://api.github.com/users/shaurya947/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shaurya947/subscriptions","organizations_url":"https://api.github.com/users/shaurya947/orgs","repos_url":"https://api.github.com/users/shaurya947/repos","events_url":"https://api.github.com/users/shaurya947/events{/privacy}","received_events_url":"https://api.github.com/users/shaurya947/received_events","type":"User","site_admin":false},"milestone":{"url":"https://api.github.com/repos/callemall/material-ui/milestones/1","html_url":"https://github.com/callemall/material-ui/milestones/Composable%20Components","labels_url":"https://api.github.com/repos/callemall/material-ui/milestones/1/labels","id":1199013,"number":1,"title":"Composable Components","description":"Make components composable.","creator":{"login":"jkruder","id":535101,"avatar_url":"https://avatars.githubusercontent.com/u/535101?v=3","gravatar_id":"","url":"https://api.github.com/users/jkruder","html_url":"https://github.com/jkruder","followers_url":"https://api.github.com/users/jkruder/followers","following_url":"https://api.github.com/users/jkruder/following{/other_user}","gists_url":"https://api.github.com/users/jkruder/gists{/gist_id}","starred_url":"https://api.github.com/users/jkruder/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jkruder/subscriptions","organizations_url":"https://api.github.com/users/jkruder/orgs","repos_url":"https://api.github.com/users/jkruder/repos","events_url":"https://api.github.com/users/jkruder/events{/privacy}","received_events_url":"https://api.github.com/users/jkruder/received_events","type":"User","site_admin":false},"open_issues":4,"closed_issues":2,"state":"open","created_at":"2015-07-08T15:53:16Z","updated_at":"2015-07-24T20:02:49Z","due_on":null,"closed_at":null},"comments":8,"created_at":"2015-06-07T00:15:33Z","updated_at":"2015-10-01T16:15:37Z","closed_at":null,"body":"The features AppBar is too limited with only a few options. Google implements their web apps with full-size menu (and auto collapse to side menu + hamburger in mobile), search box,... I suggest that we should move to prop.children instead.\r\n\r\nSomething like this\r\n```jsx\r\nmenuItems = [\r\n  { route: 'get-started', text: 'Get Started' },\r\n  { route: 'customization', text: 'Customization' },\r\n  { route: 'components', text: 'Components' },\r\n  { type: MenuItem.Types.SUBHEADER, text: 'Resources' },\r\n  { \r\n     type: MenuItem.Types.LINK, \r\n     payload: 'https://github.com/callemall/material-ui', \r\n     text: 'GitHub' \r\n  },\r\n  { \r\n     text: 'Disabled', \r\n     disabled: true \r\n  },\r\n  { \r\n     type: MenuItem.Types.LINK, \r\n     payload: 'https://www.google.com', \r\n     text: 'Disabled Link', \r\n     disabled: true \r\n  },\r\n];\r\n\r\n<AppBar>\r\n  // Extends LeftNav with full-size menu on big screen\r\n  <AppBarMenu menuItems={menuItems} />\r\n  // Auto collapse to search icon on mobile\r\n  <SearchBox handler={searchHandler} />\r\n</AppBar>\r\n```\r\n\r\nWhat is your ideas? I will work on this as soon as we all agree."},"comment":{"url":"https://api.github.com/repos/callemall/material-ui/issues/comments/144775948","html_url":"https://github.com/callemall/material-ui/issues/773#issuecomment-144775948","issue_url":"https://api.github.com/repos/callemall/material-ui/issues/773","id":144775948,"user":{"login":"shaurya947","id":3454081,"avatar_url":"https://avatars.githubusercontent.com/u/3454081?v=3","gravatar_id":"","url":"https://api.github.com/users/shaurya947","html_url":"https://github.com/shaurya947","followers_url":"https://api.github.com/users/shaurya947/followers","following_url":"https://api.github.com/users/shaurya947/following{/other_user}","gists_url":"https://api.github.com/users/shaurya947/gists{/gist_id}","starred_url":"https://api.github.com/users/shaurya947/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/shaurya947/subscriptions","organizations_url":"https://api.github.com/users/shaurya947/orgs","repos_url":"https://api.github.com/users/shaurya947/repos","events_url":"https://api.github.com/users/shaurya947/events{/privacy}","received_events_url":"https://api.github.com/users/shaurya947/received_events","type":"User","site_admin":false},"created_at":"2015-10-01T16:15:37Z","updated_at":"2015-10-01T16:15:37Z","body":"I agree guys, instead of using props, it would be nicer to have sub-components for each section of the appBar.\r\n\r\nI will work out an initial prototype soon and share it with y'all."}}