123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081 |
- import { ElementRef, Renderer } from '@angular/core';
- import { Config } from '../../config/config';
- import { Ion } from '../ion';
- /**
- * @name Icon
- * @description
- * Icons can be used on their own, or inside of a number of Ionic components.
- * For a full list of available icons, check out the
- * [Ionicons docs](../../../../ionicons).
- *
- * One feature of Ionicons in Ionic is when icon names are set, the actual icon
- * which is rendered can change slightly depending on the mode the app is
- * running from. For example, by setting the icon name of `alarm`, on iOS the
- * icon will automatically apply `ios-alarm`, and on Material Design it will
- * automatically apply `md-alarm`. This allows the developer to write the
- * markup once while Ionic applies the appropriate icon based on the mode.
- *
- * @usage
- * ```html
- * <!-- automatically uses the correct "star" icon depending on the mode -->
- * <ion-icon name="star"></ion-icon>
- *
- * <!-- explicity set the icon for each mode -->
- * <ion-icon ios="ios-home" md="md-home"></ion-icon>
- *
- * <!-- always use the same icon, no matter what the mode -->
- * <ion-icon name="ios-clock"></ion-icon>
- * <ion-icon name="logo-twitter"></ion-icon>
- * ```
- *
- * @demo /docs/demos/src/icon/
- * @see {@link /docs/components#icons Icon Component Docs}
- *
- */
- export declare class Icon extends Ion {
- /** @hidden */
- _iconMode: string;
- /** @hidden */
- _isActive: boolean;
- /** @hidden */
- _name: string;
- /** @hidden */
- _ios: string;
- /** @hidden */
- _md: string;
- /** @hidden */
- _css: string;
- constructor(config: Config, elementRef: ElementRef, renderer: Renderer);
- /**
- * @hidden
- */
- ngOnDestroy(): void;
- /**
- * @input {string} Specifies which icon to use. The appropriate icon will be used based on the mode.
- * For more information, see [Ionicons](/docs/ionicons/).
- */
- name: string;
- /**
- * @input {string} Specifies which icon to use on `ios` mode.
- */
- ios: string;
- /**
- * @input {string} Specifies which icon to use on `md` mode.
- */
- md: string;
- /**
- * @input {boolean} If true, the icon is styled with an "active" appearance.
- * An active icon is filled in, and an inactive icon is the outline of the icon.
- * The `isActive` property is largely used by the tabbar. Only affects `ios` icons.
- */
- isActive: boolean;
- /**
- * @hidden
- */
- _hidden: boolean;
- /**
- * @hidden
- */
- update(): void;
- }
|