BarcodeProps

Premium

Represents the props of the KendoReact Barcode component.

Name	Type	Default	Description
background?	string	"white"	Sets the background color of the Barcode. Accepts a valid CSS color string, including hex and rgb. ts <Barcode background="#ffffff" />
border?	Border		Sets the border of the Barcode. Accepts an object implementing the Border interface. ts <Barcode border={{ color: "black", width: 2 }} />
checksum?	boolean	false	Shows or hides the checksum digit next to the value in the text area. ts <Barcode checksum={true} />
className?	string		Sets additional CSS classes to the component. ts <Barcode className="custom-barcode-class" />
color?	string	"black"	Sets the color of the Barcode. Accepts a valid CSS color string, including hex and rgb. ts <Barcode color="#000000" />
height?	number		Sets the height of the Barcode in pixels. You can also set the Barcode dimensions through regular CSS styling. ts <Barcode height={100} />
padding?	number | Padding	0	Sets the padding of the Barcode. Accepts a numeric value or an object implementing the Padding interface. ts <Barcode padding={{ top: 10, bottom: 10, left: 5, right: 5 }} />
renderAs?	RenderMode		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. ts <Barcode renderAs="svg" />
style?	React.CSSProperties		Sets the styles that the component applies. ts <Barcode style={{ backgroundColor: "lightgray" }} />
text?	BarcodeText		Sets the text label configuration of the Barcode. Accepts an object implementing the BarcodeText interface. ts <Barcode text={{ visible: true, position: "bottom", color: "black" }} />
type	string	"Code39"	Sets the symbology (encoding) that the Barcode will use. Accepts a value of type BarcodeType or a custom string. ts <Barcode type="Code128" />
value	string | number		Sets the value of the Barcode. Accepts a string or a number. ts <Barcode value="123456789" />
width?	number		Sets the width of the Barcode in pixels. You can also set the Barcode dimensions through regular CSS styling. ts <Barcode width={200} />