UNPKG

1.38 kBTypeScriptView Raw
1import { ElementRef, QueryList, Renderer } from '@angular/core';
2import { Config } from '../../config/config';
3import { Platform } from '../../platform/platform';
4import { FabButton } from './fab';
5/**
6 * @name FabList
7 * @description
8 * `ion-fab-list` is a container for multiple FAB buttons. They are components of `ion-fab` and allow you to specificy the buttons position, left, right, top, bottom.
9 * @usage
10 *
11 * ```html
12 * <ion-fab bottom right >
13 * <button ion-fab>Share</button>
14 * <ion-fab-list side="top">
15 * <button ion-fab>Facebook</button>
16 * <button ion-fab>Twitter</button>
17 * <button ion-fab>Youtube</button>
18 * </ion-fab-list>
19 * <ion-fab-list side="left">
20 * <button ion-fab>Vimeo</button>
21 * </ion-fab-list>
22 * </ion-fab>
23 * ```
24 * @module ionic
25 *
26 * @demo /docs/demos/src/fab/
27 * @see {@link /docs/components#fab Fab Component Docs}
28 */
29export declare class FabList {
30 private _elementRef;
31 private _renderer;
32 private _plt;
33 _visible: boolean;
34 _fabs: FabButton[];
35 _mode: string;
36 constructor(_elementRef: ElementRef, _renderer: Renderer, config: Config, _plt: Platform);
37 _setbuttons: QueryList<FabButton>;
38 /**
39 * @hidden
40 */
41 setVisible(val: boolean): void;
42 /**
43 * @internal
44 */
45 setElementClass(className: string, add: boolean): void;
46}