2015-12-11 20:07:03 +03:00
|
|
|
---
|
|
|
|
layout: docs
|
|
|
|
title: Test
|
|
|
|
group: material-design
|
|
|
|
---
|
|
|
|
|
|
|
|
{% example html %}
|
|
|
|
<form>
|
2015-12-14 23:19:17 +03:00
|
|
|
<div class="radio">
|
|
|
|
<label>
|
|
|
|
<input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
|
|
|
|
Option one is this and that—be sure to include why it's great
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div class="radio">
|
|
|
|
<label>
|
|
|
|
<input type="radio" name="optionsRadios" id="optionsRadios2" value="option2">
|
|
|
|
Option two can be something else and selecting it will deselect option one
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
<div class="radio disabled">
|
|
|
|
<label>
|
|
|
|
<input type="radio" name="optionsRadios" id="optionsRadios3" value="option3" disabled>
|
|
|
|
Option three is disabled
|
|
|
|
</label>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<label class="radio-inline">
|
|
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1"> 1
|
|
|
|
</label>
|
|
|
|
<label class="radio-inline">
|
|
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2"> 2
|
|
|
|
</label>
|
|
|
|
<label class="radio-inline">
|
|
|
|
<input type="radio" name="inlineRadioOptions" id="inlineRadio3" value="option3"> 3
|
|
|
|
</label>
|
|
|
|
|
|
|
|
|
|
|
|
<div class="checkbox">
|
|
|
|
<label>
|
|
|
|
<input type="checkbox"> Check me out
|
|
|
|
</label>
|
|
|
|
</div>
|
2015-12-11 20:07:03 +03:00
|
|
|
</form>
|
|
|
|
{% endexample %}
|