JSFiddle - React, Tailwind, and code Playground
HTML
<div id="printcontent">
<img src="http://www.gstatic.com/webp/gallery/1.jpg"/>
<img src="https://www.gstatic.com/webp/gallery3/1.sm.png"/>
</div>
<input type="button" onclick="functionPrint()" value="Print"/>
CSS
#printcontent{
display: none;
}
@media print {
body * {
display: none;
}
#printcontent, #printcontent * {
display: block !important;
}
#printcontent {
position: absolute;
left: 0;
top: 0;
}
}
JavaScript
function functionPrint()
{
window.print();
}