Barcode
Barcode
View Demo

Insert it in <head>

<!-- Choose one for Light Mode -->
<link id="themecss" rel="stylesheet" type="text/css" href="https://i-as.dev/devui/css/light/all.min.css" />
<!-- Choose one for Dark Mode -->
<link id="themecss" rel="stylesheet" type="text/css" href="https://i-as.dev/devui/css/dark/all.min.css" />

<script type="text/javascript" src="https://i-as.dev/devui/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src="https://i-as.dev/devui/js/devui-all.min.js"></script>

Use Components

<body>
	<div class="barcode" id="codabar"></div>
	<div class="barcode" id="ean13"></div>
	<div class="barcode" id="code128"></div>
	<div class="barcode" id="postnet"></div>
	
	<script type="text/javascript">
		jQuery(function ($) {
			$("#codabar").devuiBarcode({
				type: "CODABAR",
				value: "A40156B"
			});
			$("#ean13").devuiBarcode({
				type: "EAN-13",
				value: "750103131130",
				text: {
					enabled: true
				}
			});
			$("#postnet").devuiBarcode({
				type: "POSTNET",
				value: "801221905"
			});
			$("#code128").devuiBarcode({
				type: "CODE-128",
				value: "DEV UI"
			});
		});
	</script>
</body>