JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.ractivejs.org/latest/ractive.js"></script>
<div class='container'>
<div id='template'></div>
</div>

<script id='tempMain' type='text/ractive'>
       
{{# steps:num}}
<label>
    <input type='radio'name='{{selectedOpt}}' value='{{.}}' disabled="{{ num > 0 ? 'disabled' : '' }}">
{{steps[num]}}
</label>    
{{/}}
    
</script>

JavaScript

ractive = new Ractive({
  el: '#template',
  template: '#tempMain',
  data: {
    steps: ['Step 1', 'Step 2']
  }
});