Question: [![sample of the target](https://i.stack.imgur.com/ULXR2.png)](https://i.stack.imgur.com/ULXR2.png)

I have been trying to achieve something like the above in ionic 4 but it seems like there is no hope for me cos it seems I can only use inputs and not a custom HTML & icons been passed on the alert. any idea on how to achieve this pls

```js
async presentColor() {
    const alert = await this.alertController.create({
      header: "Choose Color",
      inputs: [
        {
          name: "Red",
          type: "checkbox",
          label: "Red",
          value: "Red",
          checked: true
        },

        {
          name: "Black",
          type: "checkbox",
          label: "Black",
          value: "Black"
        },
        {
          name: "purple",
          type: "checkbox",
          label: "Purple",
          value: "Purple"
        }
      ],
      buttons: [
        {
          text: "Cancel",
          role: "cancel",
          cssClass: "secondary",
          handler: (data) => {
            console.log("Confirm Cancel", data);
          }
        },
        {
          text: "Ok",
          handler: () => {
            console.log("Confirm Ok");
          }
        }
      ]
    });
```

Answer: 
The Ionic team has not made alert components easily customizable so icons can be added to the alert component. See issue:

<https://github.com/ionic-team/ionic/issues/7874>

But you could easily create a modal component and reduce its size to be closer to that of the alert dialog box.
Why you want use ion alert.
You can use other components like 
[popovers](https://ionicframework.com/docs/v3/components/#popovers) to do that