ionic-angular
Version:
A powerful framework for building mobile and progressive web apps with JavaScript and Angular
48 lines (47 loc) • 1.38 kB
TypeScript
import { ElementRef, EventEmitter } from '@angular/core';
import { Platform } from '../../platform/platform';
import { Side } from '../../util/util';
import { ItemSliding } from './item-sliding';
/**
* @name ItemOptions
* @description
* The option buttons for an `ion-item-sliding`. These buttons can be placed either on the left or right side.
* You can combine the `(ionSwipe)` event plus the `expandable` directive to create a full swipe action for the item.
*
* @usage
*
* ```html
* <ion-item-sliding>
* <ion-item>
* Item 1
* </ion-item>
* <ion-item-options side="right" (ionSwipe)="saveItem(item)">
* <button ion-button expandable (click)="saveItem(item)">
* <ion-icon name="star"></ion-icon>
* </button>
* </ion-item-options>
* </ion-item-sliding>
*```
*/
export declare class ItemOptions {
private _elementRef;
private _plt;
/**
* @input {string} The side the option button should be on. Defaults to `"right"`.
* If you have multiple `ion-item-options`, a side must be provided for each.
*/
side: Side;
/**
* @output {event} Emitted when the item has been fully swiped.
*/
ionSwipe: EventEmitter<ItemSliding>;
constructor(_elementRef: ElementRef, _plt: Platform);
/**
* @hidden
*/
isRightSide(): boolean;
/**
* @hidden
*/
width(): any;
}