ion-alert-controller

Alert controllers programmatically control the alert component. Alerts can be created and dismissed from the alert controller. View the Alert documentation for a full list of options to pass upon creation.

async function presentAlert() {
  const alertController = document.querySelector('ion-alert-controller');
  await alertController.componentOnReady();

  const alert = await alertController.create({
    header: 'Alert',
    subHeader: 'Subtitle',
    message: 'This is an alert message.',
    buttons: ['OK']
  });
  return await alert.present();
}

Methods

`create(opts: AlertOptions) => Promise<HTMLIonAlertElement>`

Create an alert overlay with alert options

Parameters

Name	Type	Description
`opts`	`AlertOptions`

Returns

Type: Promise<HTMLIonAlertElement>

`dismiss(data?: any, role?: string | undefined, id?: string | undefined) => Promise<boolean>`

Dismiss the open alert overlay.

Parameters

Name	Type	Description
`data`	`any`
`role`	`string \| undefined`
`id`	`string \| undefined`

Returns

Type: Promise<boolean>

`getTop() => Promise<HTMLIonAlertElement | undefined>`

Get the most recently opened alert overlay.

Returns

Type: Promise<HTMLIonAlertElement | undefined>

Built with StencilJS