JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<div class="box"></div>
<button class="addField">Add field</button>

CSS

.imageTemplateField {
    width: 50px;
    height: 20px;
    border: 1px solid red;
}

.box {
    border: 1px solid;
    height: 300px;
    width: 400px;
}

JavaScript

var $field = $('<div class="imageTemplateField">');

$('.addField').on('click', function () {
    var $new_field = $field.clone();
    $new_field.appendTo('.box');
    $new_field.resizable({}).draggable({});
});