You are here

Web Development » Material Design Lite » Radio Buttons in MDL (Material Design Lite)
19 July 2016
MDL radio button

Material Design includes beautification of radio buttons as well. These need javascript, if you use ajax to load you content, you need to call for dom update.

Source code viewer
  1. <label class="mdl-radio mdl-js-radio" for="ID_1">
  2.   <input type="radio" id="ID_1" name="NAME" value="1" checked class="mdl-radio__button" />
  3.   <span class="mdl-radio__label">LABEL_1</span>
  4. </label>
  5.  
  6. <label class="mdl-radio mdl-js-radio" for="ID_2">
  7.   <input type="radio" id="ID_2" name="NAME" value="2" class="mdl-radio__button" />
  8.   <span class="mdl-radio__label">LABEL_2</span>
  9. </label>
Programming Language: HTML