JSFiddle - React, Tailwind, and code Playground
by Nimitt Shah
HTML
<script src="https://cdn.jsdelivr.net/jsbarcode/3.3.7/JsBarcode.all.min.js"></script>
<div class="col-12 col-print-12">
<p class="barcode tekli">
<svg id="barcode"></svg>
</p>
</div>
CSS
@media print {
.page {
width: 21cm;
height: 29.7cm;
margin: 0;
border: initial;
border-radius: initial;
width: initial;
min-height: initial;
box-shadow: initial;
background: initial;
page-break-after: always;
}
.col-print-12 {
width: 100%;
}
}
JavaScript
JsBarcode("#barcode", "1554466",{
width:5,
height:200,
fontSize:50,
displayValue: true
});
window.print();
window.open('', '_parent', '');
window.close();