> ## Documentation Index
> Fetch the complete documentation index at: https://docs.reelevant.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Barcode Component

> Add Code128 or EAN barcodes with static or data-bound values

<img src="https://mintcdn.com/reelevant/10tXeCE_biVlzX8s/images/contents/component-barcode-v2.png?fit=max&auto=format&n=10tXeCE_biVlzX8s&q=85&s=2814f6fd2dd8e20e4f9dc0322b7609ba" alt="Barcode component on the canvas with configuration panel" width="1280" height="800" data-path="images/contents/component-barcode-v2.png" />

## Overview

The Barcode component renders a machine-readable barcode on your content template. It supports two encoding formats and can display static or dynamic values from a [datasource](/product-guide/contents/data-binding).

| Property                  | Value               |
| ------------------------- | ------------------- |
| **Toolbar button**        | Barcode             |
| **Supports data binding** | Yes — barcode value |
| **Supports conditions**   | Yes                 |

## Barcode Parameters

| Property          | Description                                                           |
| ----------------- | --------------------------------------------------------------------- |
| **Barcode type**  | Choose between **Code128** and **Ean**.                               |
| **Barcode value** | The value to encode. Can be a static string or a datasource variable. |

## Configuration

| Property     | Description                        |
| ------------ | ---------------------------------- |
| **Position** | X and Y coordinates on the canvas. |
| **Size**     | Width and height.                  |
| **Rotation** | Rotation angle in degrees.         |