I made a component that is a button with a dropdown menu when you hover over it, and I want to be able to change the dropdown options to be different for each of the buttons. I tried manually changing the buttons to be the Dropdown Variant to change the list options and change it back to the Closed Variant, but when I hover over it in prototype it still shows the template 1-5.

Here are some images to show what I mean. The first image is how I want the menus to function and work when you hover over them. (Hover over “Font Type” and the 5 options show up, but if you hover over “Font Weight” there are 3 options and they are different.)
The second image is how it works in prototype, where each of the four dropdown buttons have the same template “1-5” numbers.

Am I able to change these secondary variants per instance of a component? Or do I need to make a separate component for each of these instances so that I can change the options?