JSFiddle - React, Tailwind, and code Playground
HTML
<div></div>
JavaScript
$(function(){
"use strict";
var html, s, vindex;
var v = ['alpha::one::uno', 'beta::two::dos', 'gamma::three::tres'];
for (vindex = 0; vindex < v.length; vindex++) {
s = v[vindex].split('::'); //Split the level of voltate with its description
html += '<div class="voltage inline ' + s[0] + '">\n';
html += '<h4>' + s[1] + '</h4>';
html += '<a href="javascript://" class="voltage-link">' + s[2] + '</a></div>';
}
$("div").append( html );
});