Skip to main content
Tools: Notes

This article covers how to add notes to different parts of your Bubble app to document your work

Jeff Thill avatar
Written by Jeff Thill
Updated over 2 months ago

As you develop your Bubble application you may find the need to document specific parts of it. For example, you may need to write down what a specific workflow is for, or add some notes about where to use a specific style.

In this example we have added a comment to the OK button.

Bubble has a built-in note system that lets you save text comments for yourself and your collaborators. These notes are only visible in the Bubble editor, and cannot be seen by your app’s users. They are visible to all collaborators, regardless of their access level.

You can add notes in the following places:

  • Data types

    • Data type fields

  • Option sets

    • Option set options

    • Option set attributes

  • Elements

  • Events (workflows)

    • Actions

  • API Connector connections

    • API Connector calls

  • Privacy rules

  • Styles

Notes can be added to each unique instance of the above types, meaning for example that every element and action you add can have its own note.

Managing notes

Adding and editing notes

The ability to add comments to something in the Bubble editor is displayed with the note icon:

Clicking that icon will open up the Comments panel and let you add or edit a comment on the relevant item.

Clicking the Note icon will open up the Notes sidepanel. In this example we're looking at the field of a data type called City.

Whenever an item has a note saved on it, the icon gets a fill color:

Deleting notes

To delete a note, simply open it up for editing and remove its text content.

Browsing all notes

To see all the notes in your app in a list, click the See all button in the notes sidepanel:

Did this answer your question?