Visual element properties

Experience level

This core reference entry is suited for beginner-level builders.

Learn more about experience levels.

In-depth articles (12)

To learn about this topic more in-depth, we recommend reading the suggested articles below:

Input forms

• Article: Input forms

---

Other element categories In this article series, we cover how to work with different element types:

• Article series: Elements

  • Article series: The element hierarchy

  • Article: The page

  • Article series: Container elements

    Elements that contain other elements.

  • Article: Visual elements

    Elements like text, buttons, icons and images.

• Article: Conditional expressions

  Making your elements change appearance in response to varying conditions.

---

The design tab In this article we cover the different tools available in the design tab.

• Article: ´The design tab

---

Workflows

Workflows are used to connect elements with actions, such as saving the value of a text input element or uploading a file.

• Article series: Workflows

---

Design

Article series focusing on design in general, explaining terminology and offering resources to help you set up a user-friendly, good looking design.

• Article series: Design

  • Article: Responsive design Building pages that work on all devices, such as a laptop and a phone.

---

Previewing your app

In this section about how to preview your app in the development environment.

• Article: Previewing your app

Videos (5)

Bubble Academy: How to Use The Input Element Bubble Academy: How to Use The Mulitline Input Element Bubble Academy: How to Use the Slider Input Bubble Academy: Element videos (list of videos related to elements)

Connecting elements to workflows

Bubble Academy: How to Trigger Workflows From Input Changes

This article describes elements available in web apps ↓

Click here for native mobile visual elements.

Visual elements are elements that display content without accepting user input; things like text, images, icons, and shapes.

Element	Description	Link
Text	Displays text.	Text
Button	Displays a button that can be connected to a workflow when clicked.	Button
Icon	Displays a vector-based icon from a predefined icon set.	Icon
Link	Displays a link that lets the user navigate to a page or URL when clicked.	Icon
Image	Displays an image.	Image
Shape	Renders a basic geometric shape.	Shape
Map	Displays a Google Map that users can interact with.	Map
Alert	Displays a contextual message to the user, typically for notifications or warnings.	Alert