Bubble Docs
Ask or search…
K

Elements

Elements are things you draw on pages. They display images, text, and other information and enable users to interact with the app. Elements have properties that are controlled in the property editor in the Bubble editor.
Elements are classified into three categories:
  1. 1.
    Visual elements: Used to display information and trigger workflows when users interact with them (such as clicking a button)
  2. 2.
    Containers: Elements that contain other elements.
  3. 3.
    Input forms: Elements that users use to enter information.
Elements are either part of Bubble's core library or added with plugins.

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 unfamiliar with what elements are, you can explore the more in-depth article series below:
User manual article series: Elements
Conditional formatting
Conditional formatting means to change the visibility or appearance of an element based on specific conditions.
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:
User manual article: Dynamic expressions User manual article: Conditions
States
States (not to be confused with custom states) are situations the element can find itself in, such as being hovered or visible.
States
Page element
The page element is the fundamental element that contains all the other elements. Each page gets assigned a custom URL in your app.
If you want to learn more about how the page element and its hierarchy of elements work, we recommend viewing the in-depth article series below:
User manual article series: The element hierarchy User manual article series: The page
Visual elements
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.
User manual article series: The element hierarchy User manual article series: Elements User manual article series: Visual elements User manual article: Plugins
Containers
Containers are an element type that contains other elements.
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:
User manual article series: The element hierarchy User manual article series: Container elements
Input forms
Input forms are elements that accept some sort of input from the user, such as text, numbers, dates and file uploads.
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.
User manual article series: Input forms User manual article: Plugins
Reusable elements
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.
If you're unfamiliar with reusable elements and how they work, you may be interested in checking out our more in-depth user manuel article below:
User manual article: Reusable elements
Last modified 4mo ago