material-design-lite/src/list/snippets/list-control.html

Material Design Components in CSS, JS and HTML

<!-- List with action -->
<div class="mdl-cell mdl-cell--6-col">
  <h4> List Item </h4>
  <ul class="mdl-list">
    <li class="mdl-list__item">
      <span class="mdl-list__item-primary-content">
        <i class="material-icons  mdl-list__item-icon">person</i>
        Bryan Cranston
      </span>
      <span class="mdl-list__item-secondary-action">
        <label class="mdl-checkbox mdl-js-checkbox mdl-js-ripple-effect" for="checkbox-1">
          <input type="checkbox" id="checkbox-1" class="mdl-checkbox__input" checked />
        </label>
      </span>
        </li>
        <li class="mdl-list__item">
          <span class="mdl-list__item-primary-content">
            <i class="material-icons  mdl-list__item-icon">person</i>
            Aaron Paul
          </span>
            <span class="mdl-list__item-secondary-action">
              <label class="mdl-radio mdl-js-radio mdl-js-ripple-effect" for="option-1">
                <input type="radio" id="option-1" class="mdl-radio__button" name="options" value="1" checked />
              </label>
          </span>
        </li>
        <li class="mdl-list__item">
          <span class="mdl-list__item-primary-content">
            <i class="material-icons  mdl-list__item-icon">person</i>
            Bob Odenkirk
          </span>
            <span class="mdl-list__item-secondary-action">
              <label class="mdl-switch mdl-js-switch mdl-js-ripple-effect" for="switch-1">
                <input type="checkbox" id="switch-1" class="mdl-switch__input" checked />
              </label>
          </span>
        </li>
      </ul>
    </div>