<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"><code class="notranslate">icon</code> props should no longer accept String type Icon font ligature.</p>
<p dir="auto">Result:</p>
<ul dir="auto">
<li>API inconsistency.</li>
<li>Reduced user bundle size for affected components (no default <code class="notranslate">Icon</code> component import, and a few bytes less code).</li>
</ul>
<h2 dir="auto">Current Behavior</h2>
<p dir="auto">Only 5 of the 12 components with <code class="notranslate">icon</code> or <code class="notranslate">xxxIcon</code> props allow a string to be provided (IconButton, SwitchBase, Tab, BottomNavigationActions &amp; ExpansionPanelSummary).</p>
<p dir="auto">Avatar allows an Icon or string child, but treats the string as a label.</p>
<p dir="auto">The internal implementation of ligature support is inconsistent, and in at least one case buggy.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">N/A</p>
<h2 dir="auto">Context</h2>
<p dir="auto">There have been no issues raised to add support to other components. It appears this functionality is unused.</p>
<h2 dir="auto">Your Environment</h2>
<p dir="auto">N/A</p>
<p dir="auto">RTL support demo is not working as <a href="https://material-ui-next.com/guides/right-to-left/#3-jss-rtl" rel="nofollow">described</a>:<br>
<a href="https://codesandbox.io/s/yqypn8pprz" rel="nofollow">https://codesandbox.io/s/yqypn8pprz</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/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">The label in the text box should be on the right side as in the example, but this is not the case.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto">Run the demo:</p>
<p dir="auto"><a href="https://codesandbox.io/s/yqypn8pprz" rel="nofollow">https://codesandbox.io/s/yqypn8pprz</a></p>
<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>Demo version</td>
</tr>
</tbody>
</table>