Handle button hover in Phaser 3?

[eddieone]

Hi, What's the best way to handle different button states in Phaser 3?

I have an image and want to show a different image on mouse hover.

[NRJ]

var button;

function preload()
{

this.load.spritesheet( 'btn' , 'assets/playgame.png' ,{frameWidth:256,frameHeight:64});
}


function create ()
{

button=this.add.sprite(400,300,'btn').setInteractive();

button.on('pointerover',function(pointer){
    button.setFrame(1);
})

button.on('pointerout',function(pointer){
    button.setFrame(0);
})
}