Front end of the Slack clone application.

col.js 1.7KB

12345678910111213141516171819202122232425262728293031323334353637
  1. import { Directive } from '@angular/core';
  2. /**
  3. * @name Col
  4. * @module ionic
  5. * @description
  6. *
  7. * Columns are cellular components of the [grid](../Grid) system and go inside of a [row](../Row).
  8. * They will expand to fill their row. All content within a grid should go inside of a column.
  9. *
  10. * ## Column attributes
  11. *
  12. * By default, columns will stretch to fill the entire height of the row.
  13. * There are several attributes that can be added to a column to customize this behavior.
  14. *
  15. * | Property | Description |
  16. * |-----------------------|-------------------------------------------------------------------------------------------------------------|
  17. * | align-self-start | Adds `align-self: flex-start`. The column will be vertically aligned at the top. |
  18. * | align-self-center | Adds `align-self: center`. The column will be vertically aligned in the center. |
  19. * | align-self-end | Adds `align-self: flex-end`. The column will be vertically aligned at the bottom. |
  20. * | align-self-stretch | Adds `align-self: stretch`. The column will be stretched to take up the entire height of the row. |
  21. * | align-self-baseline | Adds `align-self: baseline`. The column will be vertically aligned at its baseline. |
  22. *
  23. *
  24. */
  25. export class Col {
  26. }
  27. Col.decorators = [
  28. { type: Directive, args: [{
  29. selector: 'ion-col, [ion-col]',
  30. host: {
  31. 'class': 'col'
  32. }
  33. },] },
  34. ];
  35. /** @nocollapse */
  36. Col.ctorParameters = () => [];
  37. //# sourceMappingURL=col.js.map