UNPKG

ionic-angular

Version:

A powerful framework for building mobile and progressive web apps with JavaScript and Angular 2

84 lines 2.21 kB
import { Directive, ElementRef, Input, Renderer } from '@angular/core'; import { Config } from '../../config/config'; import { Ion } from '../ion'; /** * \@name Note * \@module ionic * \@description * A note is detailed item in an ion-item. It creates greyed out element that can be on the left or right side of an item. * \@usage * * ```html * <ion-content> * <ion-list> * <ion-item> * <ion-note item-left> * Left Note * </ion-note> * My Item * <ion-note item-right> * Right Note * </ion-note> * </ion-item> * </ion-list> * </ion-content> * ``` * {\@link /docs/v2/api/components/api/components/item/item ion-item} */ export class Note extends Ion { /** * @param {?} config * @param {?} elementRef * @param {?} renderer */ constructor(config, elementRef, renderer) { super(config, elementRef, renderer, 'note'); } /** * \@input {string} The color to use from your Sass `$colors` map. * Default options are: `"primary"`, `"secondary"`, `"danger"`, `"light"`, and `"dark"`. * For more information, see [Theming your App](/docs/v2/theming/theming-your-app). * @param {?} val * @return {?} */ set color(val) { this._setColor(val); } /** * \@input {string} The mode determines which platform styles to use. * Possible values are: `"ios"`, `"md"`, or `"wp"`. * For more information, see [Platform Styles](/docs/v2/theming/platform-specific-styles). * @param {?} val * @return {?} */ set mode(val) { this._setMode(val); } } Note.decorators = [ { type: Directive, args: [{ selector: 'ion-note' },] }, ]; /** @nocollapse */ Note.ctorParameters = () => [ { type: Config, }, { type: ElementRef, }, { type: Renderer, }, ]; Note.propDecorators = { 'color': [{ type: Input },], 'mode': [{ type: Input },], }; function Note_tsickle_Closure_declarations() { /** @type {?} */ Note.decorators; /** * @nocollapse * @type {?} */ Note.ctorParameters; /** @type {?} */ Note.propDecorators; } //# sourceMappingURL=note.js.map