Interaction Help!

Hi Kevin, 

It's fantastic to hear you're getting to know our tool!  You're trying to create an interaction where the button changes states based on input fields. Let's get that working!

Instead of directly using the "Set state" interaction on the button, let's use variables and set interactions on the canvas. Here's what to do:

1. Create three variables: username, email, and password.
    
2. For each input field, add a "Set Variable" interaction using the "Value Change" trigger. 
   For instance, the username input field should have this interaction: Value Change -> Set Variable -> variable: username -> as Content of username Input field. 
   
   For other fields, simply copy and paste interaction (you can use shortcuts cmd + SHIFT + C    cmd + SHIFT + V) and modify the target variable accordingly. This video has a step-by-step guide.
    
3. Next, let's include canvas interactions:
   
   a) Unselect all elements and head to the interactions panel.
   
   b) Choose Trigger: Variable Change; Action: Set State
   Variable Change -> variable: username -> add conditions -> Set State -> button -> to "active"
   Or you can copy this from the button like this and switch the trigger to "Variable Change". 
   
   c) Copy the interaction and switch variables in each one. Check out this tutorial video.
    
4. And lastly, remember to add "else" interactions for an "inactive" button state if inputs are incorrect. This how-to video will guide you through that process.
    
5.  Check out this video to see the finished setup. 

Give these steps a shot, and let me know if you need more help or have questions. 

Happy exploring!