ember-cli-barcode
An Ember addon to render barcodes using the JsBarcode library. See the demo to experiment with many of the barcode options.
The addon adds accessibility attributes and elements to the generated barcodes. See the Accessibility section below.
Compatibility
- Ember.js v3.12 or above
- Ember CLI v2.13 or above
- Node.js v10 or above
Installation
$ ember install ember-cli-barcode
By default all barcode types are added to your app. See the build configuration section for slimming your build
Simple Usage
The simplest form to render a barcode is to pass in a value and the default options will generate a CODE128 barcode:
<BarCode @value="abc123456" />
which renders:
By default, barcodes are rendered using the svg
element. The element can be changed to img
or canvas
using the tagName property:
<BarCode
@value="A45689"
@tagName="img"
/>
<BarCode
value="A45689"
tagName="canvas"
/>
Use the img
tag if you want the ability to right-click copy or save the displayed barcode.
See the Options readme for detailed barcode options.
See the Contributing guide for details.