JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="http://angularlight.org/bin/alight_0.10.last.min.js"></script>
<div al-app al-init="count=5">
    <div>
        <box al-repeat="_ in 5 | generator">
            {{$index + 1}}
        </box>
    </div>
    
    
    <br/><br/><br/>
    
    <input type="range" al-value="count" min="1" max="20" /> {{count}}
    
    <div>
        <box al-repeat="i in count | generator">
            {{$index + 1}}        
        </box>
    </div>
</div>

CSS

box {
    display: block;
    width: 20px;
    height: 20px;
    border: #F00 1px solid;
    float: left;
    margin: 1px;
    padding: 2px;
}