How to make colour picker appear with button?

Hi, this may be a silly question but it's something I have struggled to do.

I currently have this kind of thing in Dashboard 2.0:

As you can see it conditionally shows the colorpicker depending on whether it's a colour changing light. That works fine for me, and also I'm able to change the light colour using the colorpicker.

But now I'd like to have it so that the colorpicker appears in some dialog / overly when I press a button, e.g. it might look like this:

Maybe this is just basic stuff using conditional CSS but can you suggest a way that's builtin to Vue so I can achieve that?

You can do dialogs now in dashboard 2.