JSFiddle - React, Tailwind, and code Playground
HTML
<div class="modal fade">
<div class="modal-body" id="qbody">
<a href='#' class='btn btn-primary pull-left' onClick='window.print();'>Save</a>
</div>
</div>
CSS
@media print{
body{
visibility: hidden;
}
.to-print{
visibility: visible;
position: absolute;
top: 30;
left:20;
}
}
JavaScript
$(function() {
$("#qbody").append("<p align='center'><img class='to-print' src='http://chart.apis.google.com/chart?cht=qr&chs=300x300&chl=code&chld=H|0'/></p>");
})