How to position icon at end of button in ActionSheetController?

I am able to display the below button in an action sheet controller in my Ionic 5 app:


Here is my code:

      header: 'Choose an Action',
      buttons: [
          text: 'Cancel',
          role: 'destructive',
          icon: 'close-outline',
          handler: () => { }
    }).then(actionSheetEl => {

I’m just wondering is it possible to put the icon at the end of the button? So that the position’s of the text & the icon are effectively swapped?

did you try <ion-button><ion-icon slot="end" name="cancel"></ion-icon>Cancel</ion-button>

Thanks for your response.

Sorry, I forgot to mention that I’m generating this action controller programatically.

I’ve added my code to my question above.