New to Kendo UI for Vue? Start a free 30-day trial

Barcode

Directive

kendo-barcode

Props

render-as String

Sets the preferred rendering engine. If render-as is not supported by the browser, the Barcode will switch to the first available mode (renderAs in Kendo UI for jQuery).

The supported values are:

  • canvas—Renders the Barcode as a canvas element, if available.
  • svg—Renders the Barcode as inline SVG document, if available.

background String

The background of the Barcode area. Accepts any valid CSS color string, including hex and rgb (background in Kendo UI for jQuery).

border Object

The border of the Barcode area (border in Kendo UI for jQuery). The supported composite props are available in BorderProps.

checksum Boolean

If set to true, the Barcode will display the checksum digit next to the value in the text area (checksum in Kendo UI for jQuery).

color String

The color of the bar elements. Accepts any valid CSS color string, including hex and rgb (color in Kendo UI for jQuery).

height Number

The height (in pixels) of the Barcode (height in Kendo UI for jQuery). Defaults to 100.

padding Object

The padding of the Barcode (padding in Kendo UI for jQuery). The supported composite props are available in PaddingProps.

text Object

Can be set to a JavaScript object which represents the text configuration (text in Kendo UI for jQuery). The supported composite props are available in TextProps.

type String

The symbology (encoding) the Barcode will use (type in Kendo UI for jQuery).

The supported values are:

  • EAN8
  • EAN13
  • UPCE
  • UPCA
  • Code11
  • Code39
  • Code39Extended
  • Code93
  • Code93Extended
  • Code128
  • Code128A
  • Code128B
  • Code128C
  • GS1-128
  • MSImod10
  • MSImod11
  • MSImod1010
  • MSImod1110
  • POSTNET

value String

The initial value of the Barcode (value in Kendo UI for jQuery).

width Number

The width (in pixels) of the Barcode (width in Kendo UI for jQuery). Defaults to 300.

Methods

For more details about the methods available in the component's API please check its Kendo UI for jQuery API documentation.

kendoWidget

returns

Returns the Kendo UI Barcode instance.