UNPKG

1.38 kBTypeScriptView Raw
1import { ElementRef, EventEmitter } from '@angular/core';
2import { Platform } from '../../platform/platform';
3import { Side } from '../../util/util';
4import { ItemSliding } from './item-sliding';
5/**
6 * @name ItemOptions
7 * @description
8 * The option buttons for an `ion-item-sliding`. These buttons can be placed either on the left or right side.
9 * You can combine the `(ionSwipe)` event plus the `expandable` directive to create a full swipe action for the item.
10 *
11 * @usage
12 *
13 * ```html
14 * <ion-item-sliding>
15 * <ion-item>
16 * Item 1
17 * </ion-item>
18 * <ion-item-options side="right" (ionSwipe)="saveItem(item)">
19 * <button ion-button expandable (click)="saveItem(item)">
20 * <ion-icon name="star"></ion-icon>
21 * </button>
22 * </ion-item-options>
23 * </ion-item-sliding>
24 *```
25 */
26export declare class ItemOptions {
27 private _elementRef;
28 private _plt;
29 /**
30 * @input {string} The side the option button should be on. Defaults to `"right"`.
31 * If you have multiple `ion-item-options`, a side must be provided for each.
32 */
33 side: Side;
34 /**
35 * @output {event} Emitted when the item has been fully swiped.
36 */
37 ionSwipe: EventEmitter<ItemSliding>;
38 constructor(_elementRef: ElementRef, _plt: Platform);
39 /**
40 * @hidden
41 */
42 isRightSide(): boolean;
43 /**
44 * @hidden
45 */
46 width(): any;
47}