How to position icon at end of button in ActionSheetController?

Ionic Framework
1

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

cancel

Here is my code:

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

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?

2

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

3

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.