ionic action sheet

1import { Component } from '@angular/core';
2import { ActionSheetController } from '@ionic/angular';
3
4@Component({
5  selector: 'action-sheet-example',
6  templateUrl: 'action-sheet-example.html',
7  styleUrls: ['./action-sheet-example.css'],
8})
9export class ActionSheetExample {
10
11  constructor(public actionSheetController: ActionSheetController) {}
12
13  async presentActionSheet() {
14    const actionSheet = await this.actionSheetController.create({
15      header: 'Albums',
16      buttons: [{
17        text: 'Delete',
18        role: 'destructive',
19        icon: 'trash',
20        handler: () => {
21          console.log('Delete clicked');
22        }
23      }, {
24        text: 'Share',
25        icon: 'share',
26        handler: () => {
27          console.log('Share clicked');
28        }
29      }, {
30        text: 'Play (open modal)',
31        icon: 'arrow-dropright-circle',
32        handler: () => {
33          console.log('Play clicked');
34        }
35      }, {
36        text: 'Favorite',
37        icon: 'heart',
38        handler: () => {
39          console.log('Favorite clicked');
40        }
41      }, {
42        text: 'Cancel',
43        icon: 'close',
44        role: 'cancel',
45        handler: () => {
46          console.log('Cancel clicked');
47        }
48      }]
49    });
50    await actionSheet.present();
51  }
52
53}