/** * @class Ext.ActionSheet * @extend Ext.Sheet * @alias widget.actionsheet * * ActionSheet is a `Sheet` that is docked at the bottom of the screen by default. ** @example packages=[extangular]* import { Component } from '@angular/core'* declare var Ext: any;** @Component({* selector: 'app-root-1',* styles: [`* `],* template: `* <container #item>* <actionsheet #item [displayed]="true">* <button #item ui="decline" text="Delete Draft"></button>* <button #item text="Save Draft"></button>* <button #item text="Cancel"></button>* </actionsheet>* </container>* `* })* export class AppComponent {* * } * */ /** * @cfg [left=0] * @inheritdoc */ /** * @cfg [right=0] * @inheritdoc */ /** * @cfg [bottom=0] * @inheritdoc */ /** * @cfg [height='auto'] * @inheritdoc */ /** * @cfg [defaultType=button] * @inheritdoc */