Hello Thunkers,
I am happy to share a drop-down component made using a custom component.
The components I used are label, list view, and group.
The blocks:
Inside the “when Component Initialized” block I created the list of whatever items you want to display in our drop-down menu.
I set the list view invisible and made it visible when you click the label.
When a list item is selected I set the label of the list item and made the List Viewer invisible.
To make the custom component work with a dynamic list of options I added a property called “dynamiclist”:
As it is a string I converted it into a list using the “make list from text” block:
I set the list of items on the custom component after adding it to a project here:
To get the selected option I added an event with “selecteditem” as a parameter:
To use the parameter on the project I added the “When DropDown selecteditem” block and set the label to “selecteditem”:
You can see the project where I used the custom component here: Thunkable
To use this custom component you will need to click here and remix it
Let me know which other functionalities you would like to see implemented as custom component!
