> ## 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.

# Composant Barcode

> Ajoutez des codes-barres Code128 ou EAN avec des valeurs statiques ou liées aux données

<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="Composant Barcode sur le canvas avec le panneau de configuration" width="1280" height="800" data-path="images/contents/component-barcode-v2.png" />

## Présentation

Le composant Barcode affiche un code-barres lisible par machine sur votre template de Content. Il prend en charge deux formats d'encodage et peut afficher des valeurs statiques ou dynamiques provenant d'une [Datasource](/fr/product-guide/contents/data-binding).

| Propriété                           | Valeur                      |
| ----------------------------------- | --------------------------- |
| **Bouton de la barre d'outils**     | Barcode                     |
| **Prend en charge le Data binding** | Oui — valeur du code-barres |
| **Prend en charge les Conditions**  | Oui                         |

## Paramètres du Barcode

| Propriété                 | Description                                                                       |
| ------------------------- | --------------------------------------------------------------------------------- |
| **Type de code-barres**   | Choisissez entre **Code128** et **Ean**.                                          |
| **Valeur du code-barres** | La valeur à encoder. Peut être une chaîne statique ou une variable de Datasource. |

## Configuration

| Propriété    | Description                       |
| ------------ | --------------------------------- |
| **Position** | Coordonnées X et Y sur le canvas. |
| **Taille**   | Largeur et hauteur.               |
| **Rotation** | Angle de rotation en degrés.      |