Using data binding and state, you can build a custom and reusable symbol with a dropdown to modify the content of a page. In this example we build a dropdown that allows a visitor to this site to choose a specific size and see a specific image that corresponds with that choice. Watch the video below…

Hi @korey , I hope you’re doing well. I have a question about the navigation bar I’m working on based on your video. I’ve successfully created the navigation bar in my code and am now tackling the task of building a dropdown for it in builder.io . I’ve followed your teachings closely and copied your…

Hello @xbrandonpowell , Could you kindly share the Builder content link where you have implemented the dropdown? This information will allow us to review the specific implementation and provide more accurate assistance.

[image] xbrandonpowell: Builder https://preview.builder.codes?model=figma-imports

[image] Three Columns Dropdown Experience Builder.io's Design-to-Responsive Code Transformation!

Hello @xbrandonpowell , It seems that the issue is caused by the absence of content input “state.sizes”. To solve the problem, simply remove the “repeat for each” from the “Dropdown container” layer.

How do I build a custom interactive dropdown?

Technical Questions

manish-sharma December 8, 2023, 5:01pm 5

Hello @xbrandonpowell,

I’m looking for the builder content link

Topic		Replies	Views
Diverse Dropdown Design in Builder Component: Exploring Styling Options and Customization with Various Props Technical Questions visual-editor	5	383	December 5, 2023
Multifilter In builder.io Technical Questions nextjs	3	498	July 27, 2023
New videos, please! Feature Requests	5	1146	August 31, 2020
How to initially create a navbar? Visual Editor Help	1	523	February 11, 2022
Dynamic Data Dropdown Impossible to Use Bugs visual-editor	2	85	June 6, 2024

How do I build a custom interactive dropdown?

Related topics