JSFiddle - React, Tailwind, and code Playground
HTML
<div id="printDiv">
//some content here
</div>
<input type="button" id="btnPrint" value="Print"/>
CSS
@media print {
body * {
visibility: hidden;
}
#printDiv, #printDiv * {
visibility: visible;
}
#printDiv {
position: absolute;
left: 0;
top: 0;
}
}
JavaScript
$(function(){
$("#btnPrint").click(function(){
window.print();
});
});