how to code ui elements (text from lists)

[windyWin]

Hello there,

I'm currently learning Phaser 3 and enjoy the use of it. I'm working on UI with a left and right arrow for each column. 

That column could include a list of items, and should be able to scroll through at the click of an arrow. I've made an attempt using an array that holds the list of strings, and have a variable increment the index by 1. Example like below:

//    Hair
// <  Red  >

I made a TextButton class which works fine. I initialized them in the update method. The problem is that I dont give it any time to kill the previous string that was displayed, so while scrollable, it just prints the next string on top of the other.

 

I'd appreciate any pointers on perhaps a better process to handle this using Phaser 3, I'm a little new to this library. Thanks.