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");
			alert(componente.componenteAtual);
      $(".resultado").html(componente.componenteAtual);

    });

  });