New to Kendo UI for VueStart a free 30-day trial

BarcodeProps

Interface

Represents the props of the Kendo UI for Vue Barcode component.

Definition

Package:@progress/kendo-vue-barcodes

Properties

Sets the background color of the Barcode. Accepts a valid CSS color string, including hex and rgb.

Default:

"white"

Sets the border of the Barcode. Accepts an object implementing the Border interface.

checksum?

boolean

Shows or hides the checksum digit next to the value in the text area.

Default:

false

color?

string

Sets the color of the Barcode. Accepts a valid CSS color string, including hex and rgb.

Default:

"black"

Exports the Barcode as an image. Accepts optional export settings and returns a Promise that resolves to the image data string.

Parameters:options?ImageExportOptionsReturns:

Promise​<string>

Exports the Barcode as an SVG. Accepts optional export settings and returns a Promise that resolves to the SVG data string.

Parameters:options?SVGExportOptionsReturns:

Promise​<string>

height?

number

Sets the height of the Barcode in pixels. You can also set the Barcode dimensions through regular CSS styling.

Sets the padding of the Barcode. Accepts a numeric value or an object implementing the Padding interface.

Default:

0

Sets the preferred rendering engine.

The supported values are:

  • "svg"—If available, renders the component as an inline svg element.
  • "canvas"—If available, renders the component as a canvas element.
Default:

"svg"

Sets the text label configuration of the Barcode. Accepts an object implementing the BarcodeText interface.

type?

string

Sets the symbology (encoding) that the Barcode will use. Accepts a value of type BarcodeType or a custom string.

Default:

"Code39"

value?

string | number

Sets the value of the Barcode. Accepts a string or a number.

width?

number

Sets the width of the Barcode in pixels. You can also set the Barcode dimensions through regular CSS styling.