How to get the action sheet from up?

home.html:

Action Sheets Show Action Sheet

When i am clicking that Show Action Sheet button the action sheet coming from bottom onwards right is there any possible way to come the action sheet from up onwards…

home.ts:

import { Component } from ‘@angular/core’;

import { Platform, ActionSheetController } from ‘ionic-angular’;

@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {
constructor(
public platform: Platform,
public actionsheetCtrl: ActionSheetController
) { }

openMenu() {
let actionSheet = this.actionsheetCtrl.create({
title: ‘Albums’,
cssClass: ‘action-sheets-basic-page’,
buttons: [
{
text: ‘Delete’,
role: ‘destructive’,
icon: !this.platform.is(‘ios’) ? ‘trash’ : null,
handler: () => {
console.log(‘Delete clicked’);
}
},
{
text: ‘Share’,
icon: !this.platform.is(‘ios’) ? ‘share’ : null,
handler: () => {
console.log(‘Share clicked’);
}
},
{
text: ‘Play’,
icon: !this.platform.is(‘ios’) ? ‘arrow-dropright-circle’ : null,
handler: () => {
console.log(‘Play clicked’);
}
},
{
text: ‘Favorite’,
icon: !this.platform.is(‘ios’) ? ‘heart-outline’ : null,
handler: () => {
console.log(‘Favorite clicked’);
}
},
{
text: ‘Cancel’,
role: ‘cancel’, // will always sort to be on the bottom
icon: !this.platform.is(‘ios’) ? ‘close’ : null,
handler: () => {
console.log(‘Cancel clicked’);
}
}
]
});
actionSheet.present();
}
}