JSFiddle - React, Tailwind, and code Playground

by Neal

HTML

<div id='test'></div>

CSS

#test {
    line-height: 100px;
    border: solid 2px blue;
    text-align: center;
}

JavaScript

$itemVariantRow = $('#test');

var $itemVariantRowRadio = $("<input/>",{
     type: 'radio',
     name: 'itemvariant',
     class: 'itemvariant',
     checked: true,
     value: 'whatever'
});

var $itemVariantRowText = $("<input/>",{
     type: 'text',
     name: 'itemvariantText',
     class: 'itemvariant',
     checked: true,
     value: 'this is a test'
});

$itemVariantRow.append($itemVariantRowRadio, $itemVariantRowText);