title: Material-UI: Adding Badge to a Tab in material-ui Tabbar (Tabs)
body: <p>I have <a href="http://www.material-ui.com/#/" rel="noreferrer">Material-UI</a> <a href="http://www.material-ui.com/#/components/tabs" rel="noreferrer">Tabs</a> component with 5 Tab components as children. I would like to display a <a href="http://www.material-ui.com/#/components/badge" rel="noreferrer">Badge</a> on the Tab. Badge would display unread items under each tab.</p>
  
  <p>I have two versions of tab bar. One for desktop with icon and text and one for mobile containing just icon. How could I position Badge so that it places properly on both versions. Also Badge should be visible even if tab is not selected (if I set Badge as a child to a Tab it will be hidden when tab is not selected).</p>