Change content inside an instance


I created a dropdown checkbox that has 3 states (default - hover - clicked). When i’m using this component I’m not able to change the content of the dropdown (State “clicked”) as the input remains the same one as the main component when I preview it.
The only way I found out it works is when I leave the component in the state “clicked” and then preview it.
Here is a video showing the problem
Is there a different way to solve this problem?