Dropdown 05

Overview

Dropdown 05 is a contextual dropdown menu component that displays a vertical list of action buttons—Copy, Account, Bookmark, Settings, and Delete—each with a corresponding icon. It uses a GroupFocus element to show/hide the menu and includes workflows to manage multi-select state via custom states, making it suitable for action menus or item management interfaces.

Paste it into your Bubble canvas with Cmd + V (Mac) or Ctrl + V (Windows), or right-click on the canvas and select Paste.

States

This component includes conditional states that automatically change its appearance.

State	Trigger	Visual effect
Hovered	Mouse hover over any action button	Button background changes to a light gray (rgba(245,244,244,1))
Hovered (Delete)	Mouse hover over the Delete button	Button background changes to a light red tint (rgba(251,44,54,0.1))
Disabled	Button is not clickable (isnt_clickable condition)	Button opacity reduces to 50%
Item Selected	Checkbox button clicked when item is not in selected list	Item is added to the custom state items_selected_ list
Item Deselected	Checkbox button clicked when item is already in selected list	Item is removed from the custom state items_selected_ list

These states are handled natively by Bubble and require no additional setup. They will work automatically once the component is pasted into your editor.

Workflows

This component includes pre-built workflows.

Trigger	Action
Checkbox 01 button clicked (item not in selected list)	Adds the current item (custom.item_) to the custom state items_selected_ on the parent element
Checkbox 01 button clicked (item already in selected list)	Removes the current item (custom.item_) from the custom state items_selected_ on the parent element
Checkbox 02 button clicked (item not in selected list)	Adds the current item (custom.item_) to the custom state items_selected_ on the parent element

These workflows are included when you use the Copy with Workflows option in the Brikl panel.


License	Starter plan required
Plugins	None
Custom code	Not required

License

Starter plan required

Plugins

None

Custom code

Not required

Platform	Supported
Web	✅
Mobile	❌

Platform

Supported

Web

✅

Mobile

❌

Getting Started

All Products

Components

Templates

Legal

Overview

How to use

Open the Brikl panel

Copy the component

Paste into your editor

States

Workflows

Requirements

Platforms

License

​Overview

​How to use

Open the Brikl panel

Copy the component

Paste into your editor

​States

​Workflows

​Requirements

​Platforms

​License

Overview

How to use

States

Workflows

Requirements

Platforms

License