<p dir="auto">How am I supposed to use the Badge component in combination with :</p>
<ul dir="auto">
<li>Buttons</li>
<li>Tabs</li>
<li>Typography<br>
?</li>
</ul>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">This does not work, but is what I expected to write :</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Badge badgeContent={4} color=&quot;default&quot;&gt;
    &lt;Tab disabled label=&quot;Disabled tab&quot; /&gt;
&lt;/Badge&gt;"><pre class="notranslate"><code class="notranslate">&lt;Badge badgeContent={4} color="default"&gt;
    &lt;Tab disabled label="Disabled tab" /&gt;
&lt;/Badge&gt;
</code></pre></div>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The <a href="https://material-ui-next.com/demos/badges/" rel="nofollow">Badge demo page</a> only shows the use of the component wrapping an icon like this :</p>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;Badge className={classes.badge} badgeContent={10} color=&quot;secondary&quot;&gt;
    &lt;MailIcon /&gt;
&lt;/Badge&gt;"><pre class="notranslate"><code class="notranslate">&lt;Badge className={classes.badge} badgeContent={10} color="secondary"&gt;
    &lt;MailIcon /&gt;
&lt;/Badge&gt;
</code></pre></div>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>1.0.0-beta.31</td>
</tr>
</tbody>
</table>
<p dir="auto">I am trying to add a column in material-ui table with selectfield. <a href="https://github.com/narendravenkata/React_Form">https://github.com/narendravenkata/React_Form</a>. this is the code link. I am unable to set the values and update in edit mode.</p>


<ul dir="auto">
<li>[x ] I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<h2 dir="auto">Current Behavior</h2>

<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>"^0.18.6"</td>
</tr>
<tr>
<td>React</td>
<td>"^15.6.1"</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>