JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<button class="btn btn-primary  btn-block" data-componente="HTML">
    BOTAO
</button>

<div class="resultado"></div>

JavaScript

var componente = {

    HTML: '<div class="alert" style="background-color:#951f2c !important;">' +
        '<input type="text" class="form-control titulo-valor" placeholder="Digite o TĂ­tulo do Bloco" style="background-color:#951f2c !important; color: white !important; border:none !important;"/>' +
        '</div>'
};
$(document).ready(function() {
    $(".btn").on("click", function() {
        var componenteAtual = $(this).data("componente");
        $(".resultado").html(componente[componenteAtual]);
    });
});