# 🛠️ Composants ## Qu'est-ce qu'un composant ? Les applications contiennent de nombreuses fonctionnalités différentes. Sur Thunkable, vous pouvez glisser et déposer les fonctionnalités - que nous appelons des composants - dans votre application. Quelques caractéristiques que vous pouvez voir. Appelons ces caractéristiques des éléments visibles. Il s'agit par exemple de boutons, d'icônes de chargement et d'images. Certaines caractéristiques ne sont pas visibles. Appelons ces caractéristiques des composants invisibles. Il s'agit par exemple de sons, de minuteries et de bases de données. * [Composants Visibles](/thunkable/components.md#visible-components) * [Composants Invisibles](/thunkable/components.md#invisible-components) * [Rechercher des composants](/thunkable/components.md#rechercher-des-composants) * [Arbre à Composants](/thunkable/components.md#the-component-tree) ## Composants Visibles ![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LhqrCboKUUwHd0OHzxo%2F-LhquQl9QoKu3w2e3Ojw%2Fimage.png?alt=media\&token=223cfcf9-7e9b-45e7-ba9a-dd620ab1cee8) Pour simplifier, les éléments visibles sont des caractéristiques que vous pouvez voir sur l'écran de votre application - comme celles illustrées ci-dessus. \ Les éléments visibles peuvent être stylisés par leur taille, leur texte, leur espace et leur emplacement. Lorsque vous ajoutez des éléments visibles dans votre application, veuillez noter qu'ils ne peuvent exister que sur un seul écran à la fois. Par exemple, si vous souhaitez ajouter un bouton à trois écrans différents, chaque écran devra avoir son propre bouton. ## Composants Invisibles ![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-M79lax-O8nQmNabaonP%2F-M79m9Y0dwKXDkqxMPLZ%2Fimage.png?alt=media\&token=20de0e74-e308-4f68-b909-df647fabdb9f) Les composants invisibles sont des éléments de votre application que vous ne pouvez pas voir. Ils sont souvent liés à la fonctionnalité de votre application et fonctionnent discrètement en arrière-plan. Lorsque vous ajoutez un composant invisible à votre application, ce composant peut fonctionner sur n'importe quel écran. Par exemple, si vous ajoutez un composant de base de données à votre application, la base de données peut être accessible depuis n'importe quel écran. Vous n'avez pas besoin d'ajouter un composant de base de données à chaque écran. Les composants invisibles sont affichés sous l'appareil mobile sur le constructeur d'applications Thunkable. ## Rechercher des composants Les composants sont organisés en 10 catégories différentes. Pour une description plus détaillée de chaque catégorie et un aperçu des composantes qu'elles contiennent, cliquez sur l'une des pages ci-dessous. {% content-ref url="/pages/-MQbcSjpxZRiaf5y6-23" %} [Interface Utilisateur](/thunkable/components/user-interface.md) {% endcontent-ref %} {% content-ref url="/pages/-MQbcSk7APkCR3m6GKKn" %} [Mise en page](/thunkable/components/layout.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhHZadK-yGJ6tAZm4T" %} [Voix](/thunkable/components/untitled-1.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhHnXyvCAc6XTbqpaT" %} [ Image](/thunkable/components/untitled-2.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhI2U9Nhv9H4bdp7Do" %} [🗄️ Stockage des Données](/thunkable/components/untitled-3.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhIDJ9VHxjTEGWMkTk" %} [Localisation](/thunkable/components/untitled-4.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhIQ7BttAcerNWTKK7" %} [Timer](/thunkable/components/capteurs/untitled-5.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhIdDuWCUG-wOH9m\_Z" %} [Social](/thunkable/components/untitled-6.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhIrAy-Ftgma52gxvb" %} [✉️ Authentification](/thunkable/components/untitled-7.md) {% endcontent-ref %} {% content-ref url="/pages/-MQhJ1gaduzqgo9LyhCC" %} [Monétisation](/thunkable/components/untitled-8.md) {% endcontent-ref %} Pour trouver un composant, vous pouvez faire défiler manuellement la section des composants sur le constructeur de l'application Thunkable. Vous pouvez également développer et réduire les catégories en fonction de vos besoins. ![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LnHguYb3zX0fkWr8U2F%2F-LnHiZfDewDbpgemjls9%2Flinear.gif?alt=media\&token=e28398a6-52ef-4cfb-a216-8a878c17591c) Le moyen le plus rapide de trouver un composant est de le rechercher dans la barre de recherche. Tout composant correspondant sera également affiché au fur et à mesure que vous tapez. ![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LnHguYb3zX0fkWr8U2F%2F-LnHjiXdpgpV1TbydG9l%2Fsearch.gif?alt=media\&token=45851974-1a01-4025-a26c-6161cdb827bc) ## Arbre à composants L'arbre des composants se trouve dans le coin supérieur gauche de votre écran, juste en dessous du nom de votre projet. L'arborescence des composants contient une liste des composants visibles et invisibles de votre application. Vous pouvez déplacer les composants dans l'arborescence des composants pour modifier l'emplacement d'un composant dans votre application. Les composants qui sont imbriqués peuvent également être développés et réduits en cliquant sur l'icône ▾. ![](https://gblobscdn.gitbook.com/assets%2F-LAn5scXl2uqUJUOqkJo%2F-LnHguYb3zX0fkWr8U2F%2F-LnHmj0Raqk02XtoH3HZ%2Fcomponent_tree.gif?alt=media\&token=dbdac7c9-258e-4683-b7e7-f586a0d0e206) --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://bastien-dosreis.gitbook.io/thunkable/components.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.