reactjs - Material-UI: Adding Badge to a Tab in material-ui Tabbar (Tabs) -

i have material-ui tabs component 5 tab components children. display badge on tab. badge display unread items under each tab.

i have 2 versions of tab bar. 1 desktop icon , text , 1 mobile containing icon. how position badge places on both versions. badge should visible if tab not selected (if set badge child tab hidden when tab not selected).

you can this:

<tab label={<badge badgecontent={this.state.messagecount} color="primary">     messages </badge>} value="/messages" />