vbarcode
VBarcode
This is a JsBarcode vue 3 wrapper.
View JsBarcode to learn more.
Install
pnpm i vbarcode
Example
<script setup lang="ts">
import { VBarcode } from "vbarcode";
</script>
<template>
<v-barcode value="Apple" />
</template>
Props:
For props, try to match the wiki page from JsBarcode, if there is anything not matching please let me know.
| Option | Default value | Type |
|---|---|---|
format |
"auto" (CODE128) |
String |
width |
2 |
Number |
height |
100 |
Number |
displayValue |
true |
Boolean |
text |
undefined |
String |
fontOptions |
"" |
String |
font |
"monospace" |
String |
textAlign |
"center" |
String |
textPosition |
"bottom" |
String |
textMargin |
2 |
Number |
fontSize |
20 |
Number |
background |
"#ffffff" |
String (CSS color) |
lineColor |
"#000000" |
String (CSS color) |
margin |
10 |
Number |
marginTop |
undefined |
Number |
marginBottom |
undefined |
Number |
marginLeft |
undefined |
Number |
marginRight |
undefined |
Number |
valid |
function(valid){} |
Function |
Related Packages
Version History
| Version | Released | Vue | License |
|---|---|---|---|
| 0.0.16 | ^3.2.41 | MIT | |
| 0.0.15 | ^3.2.41 | MIT | |
| 0.0.12 | ^3.2.41 | MIT | |
| 0.0.11 | ^3.2.41 | MIT | |
| 0.0.9 | ^3.2.41 | MIT | |
| 0.0.8 | ^3.2.41 | MIT | |
| 0.0.7 | ^3.2.41 | MIT | |
| 0.0.6 | ^3.2.41 | MIT | |
| 0.0.5 | ^3.2.41 | MIT | |
| 0.0.4 | ^3.2.41 | MIT | |
| 0.0.3 | ^3.2.41 | MIT | |
| 0.0.2 | ^3.2.41 | MIT | |
| 0.0.1 | ^3.2.41 | MIT |