# Texte avec icône

## Editer le composant 

**1 -** Dans notre page, on ajoute un **nouveau container**.

**2 -** Dans **Composants**, on fait glisser-déposer l'élément **Texte avec icône** dans le container vide.

## Option 1 : Utiliser du texte statique

{% embed url="<https://youtu.be/L3FIL0ug4Zo>" %}

Pour simplement ajouter du contenu fixe, comme un titre ou une description :

**1 -** On **clique sur le composant** pour pouvoir l'éditer.

**2 -** On remplit simplement les champs **Petit texte** et **Texte large** afin de faire apparaître notre texte dans le bloc.

**3 -** Si on le souhaite, on peut **sélectionner une icône** pour personnaliser le bloc.

## Option 2 : Afficher des données dynamiques

{% embed url="<https://youtu.be/46efV9wz7PY>" %}

Si l'on souhaite afficher une information qui provient de **données mise à jour en temps réel** (comme un statut, un chiffre clé ou une information à jour), plutôt que de saisir les textes manuellement :

**1 -** Dans **Données**, on ajoute une **nouvelle source de données** que l'on lie à la [**liste**](https://doc.kis.work/documentation/guide-de-demarrage/importez-vos-donnees-dans-kis/creez-et-peuplez-une-liste) qui nous intéresse.

2 - On retourne dans l'édition de notre bloc texte avec icône et on clique sur le symbole de **Sélection des données** (les deux petits rectangles à côté du champ à saisir manuellement).

3 - On ajoute des données dynamiques en choisissant **la source de données à utiliser puis la colonne à afficher**. Par exemple, les noms des nouveaux membres, le nombre de commandes, le statut d'un projet, etc.

**La donnée liée s’affichera en temps réel dans le bloc**, et se mettra à jour automatiquement selon les changements dans votre base de donnée.