<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">Context</h2>
<p dir="auto">Thanks for making this library &lt;3. I am currently using the library and am building a selectbox and when I read the docs I stumbled upon this description for <code class="notranslate">renderValue</code>: <a href="https://material-ui.com/api/select/#props" rel="nofollow">https://material-ui.com/api/select/#props</a></p>
<p dir="auto">Important part:</p>
<blockquote>
<p dir="auto">Render the selected value. You can only use it when the native property is false (default).</p>
</blockquote>
<p dir="auto">I just wanted to ask if it's planned to add this feature for native selectboxes as well? To be more precise:<br>
I want to have EVERY feature of <code class="notranslate">material-ui-next</code> but when I open the select box on mobile a "real" select should open. I found other libraries having this included. They build a <code class="notranslate">&lt;div&gt;</code> with <code class="notranslate">&lt;li&gt;</code> like you do already, but when you click on the <code class="notranslate">&lt;div</code>&gt; a <code class="notranslate">&lt;select&gt;</code> is triggered, so you can use both the features of the plugin AND the native select box.</p>
<p dir="auto">Is this something you would do, or maybe something a contributor could do or would you reject both the idea and a PR? I'm not so fluent in JS, so not 100% sure if I can fix this problem without making huge BC breaks, but I wanted to know if there are any plans on doing so?</p>
<p dir="auto">Reason is, we have a country selection where we display the country flag when a country has been selected and only display the country names when the select box is open and we wanted to use the same approach for mobile.</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>v1.0.0-beta.29</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>any</td>
</tr>
</tbody>
</table>
<p dir="auto">Here are screenshots of 3 charts I've whipped up so far:</p>
<h3 dir="auto">Vertical Bar Chart</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6101610/10434733/57443476-70e9-11e5-8ce1-030e6270e97c.png"><img width="615" alt="screen shot 2015-10-12 at 1 57 45 pm" src="https://cloud.githubusercontent.com/assets/6101610/10434733/57443476-70e9-11e5-8ce1-030e6270e97c.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Horizontal Bar Chart</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6101610/10434736/5cee026c-70e9-11e5-8169-7b74217ef1f8.png"><img width="616" alt="screen shot 2015-10-12 at 1 57 57 pm" src="https://cloud.githubusercontent.com/assets/6101610/10434736/5cee026c-70e9-11e5-8169-7b74217ef1f8.png" style="max-width: 100%;"></a></p>
<h3 dir="auto">Bullet Chart</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6101610/10434742/60d5b118-70e9-11e5-817a-cfaef8930401.png"><img width="624" alt="screen shot 2015-10-12 at 1 56 57 pm" src="https://cloud.githubusercontent.com/assets/6101610/10434742/60d5b118-70e9-11e5-817a-cfaef8930401.png" style="max-width: 100%;"></a></p>
<p dir="auto">The charts are made using <a href="https://github.com/nvd3-community/nvd3">nvd3</a> and each chart's theme inherits from the calling component's mui theme. The screenshots are showing the default-light-theme (they look especially nice when wrapped in the &lt;Paper&gt; component!).</p>
<p dir="auto">I've got a forked branch set up <a href="https://github.com/jessjohn/material-ui/tree/add-chart-components/src/charts">here</a> that you can look at to see the code.</p>
<p dir="auto"><a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/shaurya947/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/shaurya947">@shaurya947</a> <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/hai-cea/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/hai-cea">@hai-cea</a> - I'd love to hear some thoughts and feedback on adding these components to mui src code.</p>