1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import { Directive, ElementRef, Renderer } from '@angular/core';
  2. import { Config } from '../../config/config';
  3. import { Ion } from '../ion';
  4. /**
  5. * @name Note
  6. * @module ionic
  7. * @description
  8. * 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.
  9. * @usage
  10. *
  11. * ```html
  12. * <ion-content>
  13. * <ion-list>
  14. * <ion-item>
  15. * <ion-note item-start>
  16. * Left Note
  17. * </ion-note>
  18. * My Item
  19. * <ion-note item-end>
  20. * Right Note
  21. * </ion-note>
  22. * </ion-item>
  23. * </ion-list>
  24. * </ion-content>
  25. *```
  26. * {@link /docs/api/components/api/components/item/item ion-item}
  27. */
  28. export class Note extends Ion {
  29. constructor(config, elementRef, renderer) {
  30. super(config, elementRef, renderer, 'note');
  31. }
  32. }
  33. Note.decorators = [
  34. { type: Directive, args: [{
  35. selector: 'ion-note'
  36. },] },
  37. ];
  38. /** @nocollapse */
  39. Note.ctorParameters = () => [
  40. { type: Config, },
  41. { type: ElementRef, },
  42. { type: Renderer, },
  43. ];
  44. //# sourceMappingURL=note.js.map