<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/callemall/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">All valid children of the Table component should be rendered.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">Only the last instance of each valid component is rendered</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li>Create a table with two TableBody children</li>
<li>Render the table and verify that only the second TableBody is rendered</li>
</ol>
<p dir="auto"><a href="https://jsfiddle.net/432yz8qg/334/" rel="nofollow">JSFiddle Example</a></p>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I am attempting to create draggable table sections.</p>
<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.19.2</td>
</tr>
<tr>
<td>React</td>
<td>^15.6.1</td>
</tr>
<tr>
<td>browser</td>
<td>chrome v61</td>
</tr>
</tbody>
</table>
<p dir="auto">An asterisk (*) is hard-coded to required fields. I think we should allow users to customise the asterisk or remove it if they want to.<br>
<a href="https://github.com/callemall/material-ui/blob/fb3a42f421d9a00cbc31e69e06e5e30c7b1998fc/src/Form/FormLabel.js#L125-L127">https://github.com/callemall/material-ui/blob/fb3a42f421d9a00cbc31e69e06e5e30c7b1998fc/src/Form/FormLabel.js#L125-L127</a></p>


<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/callemall/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">Be able to pass in a <code class="notranslate">requiredText: Node</code> to be displayed instead of the hard-coded asterisk, or <code class="notranslate">false</code> to completely remove it.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">There is no way to override the asterisk at the moment.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Not a bug</p>
<h2 dir="auto">Context</h2>
    
<p dir="auto">For some forms that all fields are required, I'd like to display a label somewhere (<code class="notranslate">All fields are required</code>) and remove all the asterisks in each TextField.<br>
The form looks cleaner without those.</p>
<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.9</td>
</tr>
<tr>
<td>React</td>
<td>15.4.1</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>