fab-list.d.ts 1.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. import { ElementRef, QueryList, Renderer } from '@angular/core';
  2. import { Config } from '../../config/config';
  3. import { Platform } from '../../platform/platform';
  4. import { 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. */
  29. export 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. }