• What is KendoReact
  • Getting Started
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Formupdated
    • Ganttupdated
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Map
    • Notification
    • OrgChartnew
    • PDF Processing
    • PDFViewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

BarcodeProps

Represents the props of the KendoReact Barcode component.

NameTypeDefaultDescription

background?

string

"white"

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

border?

Border

The border of the Barcode.

checksum?

boolean

false

If set to true, the Barcode will display the checksum digit next to the value in the text area.

className?

string

Sets additional CSS classes to the component.

color?

string

"black"

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

height?

number

The height of the Barcode in pixels.

The Barcode dimensions can also be set through regular CSS styling.

padding?

number | Padding

0

The padding of the Barcode. A numeric value sets all paddings.

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.

style?

React.CSSProperties

The styles that are applied to the component.

text?

BarcodeText

The Barcode text label configuration.

type

string

"Code39"

The symbology (encoding) the Barcode will use.

value

string | number

The value of the Barcode.

width?

number

The width of the Barcode in pixels.

The Barcode dimensions can also be set through regular CSS styling.