JSFiddle - React, Tailwind, and code Playground

by Trisox

HTML

<div data-ng-app="app">
    <form data-ng-controller="ParentCtrlCheckbox" class="checkbox">
        <!--A = atribute-->
        <input type="checkbox" checkboxstyling="" name="checkbox1" value="checkbox1" title="inlineTitle" data-facetresults="inlineFacetresults" data-ng-model="ckeckboxModel"/>
        <input type="checkbox" checkboxstyling="" name="{{name}}" value="checkbox2" title="{{title}}" data-facetresults="{{facetresults}}" data-ng-model="ckeckboxModel"/>
        
       
    </form>
    <form data-ng-controller="ParentCtrlRadio" class="radio">
        <!--A = atribute-->
        <input type="radio" radiostyling="" value="radio1" name="radio1" title="inlineTitle1" data-ng-model="radioModel"/>
        <input type="radio" radiostyling="" value="radio2" name="radio1"  title="{{title}}" data-ng-model="radioModel"/>
        
        
    </form>
</div>

CSS

.checked{background:green;}
.unchecked{background:#ccc;}