Bubble Academy: Element videos (list of videos related to elements)
Elements are things you draw on . They display images, text, and other information and enable users to interact with the app. Elements have properties that are controlled in the in the Bubble editor.
Elements are classified into three categories:
Visual elements
Used to display information and trigger when users interact with them (such as clicking a button)
Containers:
Elements that contain other elements.
Input forms:
Elements that users use to enter information.
Elements are either part of Bubble's core library or added with .
Sections
This section covers all of the elements in the core library, respective parameters, and shared properties.
General properties
An element's general properties determines what they look like and how they behave.
If you are not familiar with what conditional formatting is and how dynamic expressions work, we recommend exploring the more in-depth user manual articles below:
Visual elements are the elements you can place on that page that cannot contain other elements (groups) and cannot accept input (input elements), such as text, images and icons.
If you are unfamiliar with elements and would like to know more about how they work, you can check out or more in-depth guides below. You can also extend the number of available elements with plugins.
There are a few different types of container elements that each serve different purposes. If you want to know more about these different types we recommend checking out the articles below:
There are many different types of input forms, and to learn more about the different types we recommend checking out the more in-depth user manual articles below. You can also extend the number of different input forms with plugins.
Reusable elements are collections of elements that can be re-used across your app. For example, if your app has a footer section, you can set that up as a reusable element and use across every page that needs that footer.