Can be done, with a bit of JS code.
All you need to do is:
- create three circle components, give them the right color, set them all to “hidden on load” and place them one on top of the other at the location where you want them to appear
- listen to the onChange() event of your dropdown component.
whenever the selected value changes, use the hide() and show() APIs of the circle components to show the matching one.
You can read about the different APIs in our API reference page.
Give it a try and let us know if you managed to make it work.
Good luck!