JSFiddle - React, Tailwind, and code Playground

by amar_mca

HTML

<script src="http://cdn.ractivejs.org/latest/ractive.js"></script>
<div id="output"></div>

<script type="text/ractive" id="template">
    <h3>v1</h3>
    <p>{{version["1"]}}</p>
    
    <h3>v1.1</h3>
    <p>{{version["1.1"]}}</p>
    
    <h3>v1.1.1</h3>
    <p>{{version["1.1.1.3"]}}</p>
</script>

JavaScript

var ractive = new Ractive({
        el: '#output',
        template: '#template',
        data: {
            version: {
                "1": "Mayor release eeee",
                "1.1": "Minor release",
                "1.1.1.3": "Patch release"
            }
        }
    });