Ionic Framework | mobile ui framework
import{Component}from@angular/core;import{ActionSheetController}from@ionic/angular;@Component({selector:action-sheet-example,templateUrl:action-sheet-example.component.html,styleUrls:[./action-sheet-example.component.css],})exportclassActionSheetExample{constructor(privateactionSheetController:ActionSheetController){}asyncpresentActionSheet(){constactionSheet=awaitthis.actionSheetController.create({header:Albums,cssClass:my-custom-class,buttons:[{text:Delete,role:destructive,icon:trash,id:de...
import { Component } from @angular/core;
import { ActionSheetController } from @ionic/angular;
@Component({
selector: action-sheet-example,
templateUrl: action-sheet-example.component.html,
styleUrls: [./action-sheet-example.component.css],
})
export class ActionSheetExample {
constructor(private actionSheetController: ActionSheetController) {}
async presentActionSheet() {
const actionSheet = await this.actionSheetController.create({
header: Albums,
cssClass: my-custom-class,
buttons: [{
text: Delete,
role: destructive,
icon: trash,
id: delete-button,
data: {
type: delete
},
handler: () => {
console.log(Delete clicked);
}
}, {
text: Share,
icon: share,
data: 10,
h...