# Intégrez des composants à votre application

## Placer les containers et composants 

Kis propose un système de **containers** offrant divers agencements. Séparez votre page en autant de sections que vous voulez pour placer les composants selon vos préférences.

1 - Dans votre page, cliquez sur **Ajouter un nouveau container.**

**2 -** Dans la rubrique **Composants**, choisissez l'élément de votre choix et faites simplement un **glissé-déposé dans le container vide**. Votre composant est prêt à être édité !

{% hint style="success" %}
Votre page n'est pas gravée dans le marbre. À n'importe quel moment, vous pouvez **ajouter, déplacer ou supprimer des lignes de containers** sans perdre tous vos composants. 
{% endhint %}

{% hint style="info" %}
Quel que soit le nombre de containers par ligne, Kis est responsive et s’adapte au support sur lequel il est visualisé (ordinateur, tablette, téléphone).
{% endhint %}

***

## Détails des composants

Kis propose un **large choix de composants** qui permettent aux utilisateurs de personnaliser leurs applications en fonction de leurs besoins.

Voici **la liste de tous les composants** que vous pouvez intégrer dans vos applications, avec un aperçu rapide de leur utilité.

{% hint style="success" %}
**Retrouvez un tuto détaillé et illustré pour chaque élément** dans notre [**rubrique Composants**](https://doc.kis.work/documentation/composants), en bas de page. 
{% endhint %}

### [Fil d'Ariane](https://doc.kis.work/documentation/composants/fil-dariane)

Permet de naviguer facilement dans l'application en affichant la hiérarchie des pages et l'emplacement actuel de l'utilisateur.

### [Texte avec icône](https://doc.kis.work/documentation/composants/texte-avec-icone)

Combine du texte et une icône pour afficher des informations importantes ou des instructions de manière visuelle et concise.

### [Image](https://doc.kis.work/documentation/composants/image)

Permet de personnaliser vos applications ou de mettre en avant des éléments de manière visuelle, en apportant une rapide description.

### [Liste d'éléments](https://doc.kis.work/documentation/composants/liste-delements)

Présente un ensemble d'éléments de manière simple et ordonnée, souvent utilisée pour lister des tâches, des objets ou des étapes à suivre.

### [Onglets](https://doc.kis.work/documentation/composants/onglets)

Permettent de créer des sections claires dans vos pages et d'évoluer dans un espace de travail mieux organisé.

### [Formulaire](https://doc.kis.work/documentation/composants/formulaire)

Un composant polyvalent pour collecter et structurer des données utilisateurs de manière interactive, avec diverses options de champs personnalisables.

### [Tableau](https://doc.kis.work/documentation/composants/tableau)

Présente des données sous forme tabulaire, offrant des options de tri et de filtrage pour une analyse rapide et organisée.

### [Kanban](https://doc.kis.work/documentation/composants/kanban)

Un tableau de tâches visuel qui aide à organiser, prioriser et suivre les projets ou les workflows selon une approche basée sur des colonnes et des cartes.

### [Calendrier](https://doc.kis.work/documentation/composants/calendrier)

Permet de gérer et de visualiser des événements ou des tâches à venir, idéale pour la planification et le suivi.

### [Import CSV](https://doc.kis.work/documentation/composants/import-csv)

Permet aux utilisateurs d'importer facilement des données à partir de fichiers CSV afin de les intégrer dans l'application et les traiter.

### [Graphiques et visualisation](https://doc.kis.work/documentation/composants/graphiques-et-visualisation)

Jauge, Barre de progression, Barres radiales, Camembert, Donut, Courbes... Intégrez des éléments graphiques dans votre application pour visualiser toutes vos données très simplement.