๐Ÿ› ๏ธ Components and Features

Features and functions for your app

What's a Component?

Components are the building blocks of your Thunkable app. They can help your app look a certain way or have a certain functionality.

UI Components (User Interface Components) are components which you can see on the screen. Examples include buttons, loading icons, and images.

Thunkable also offer interactivity for App Features. These App Features offer control of mobile specific functions as well as non-UI components. Examples include sounds, timers, camera, and sensors to name a few.

UI Components

โ€‹UI Components make up the visual aspect of your user interface. Combine, style and customize Thunkable UI components to give your app personality and style that best suits your brand.

Every UI component has unique properties that you can use to customize it. You can find this at the top of the Properties panel. All UI components have a section called Layout and Style.

In the example above, a Label has been selected. Note its unique properties such as its text, font, alignment etc.

App Features

โ€‹App Features are features offer non-UI functionality.

They often relate to your app's functionality, and are quietly running in the background. Add App Features in the Blocks tab of your project.

Finding Components

Components are organized into 8 different categories. For a more detailed description of each category and an outline of the components they contain, click on one of the pages below.

To find a component, you can look in the Add Components section on the Thunkable app builder. You can also expand and collapse categories depending on your needs.

You can use the Search bar to search for components.

The Component Tree

The component tree can be found at the top left corner of your screen, just below your project name. The component tree contains a list of the visible components in your app.

Components that are nested can also be expanded and collapsed by clicking on the โ–พ icon.