Front end of the Slack clone application.

row.js 3.3KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344
  1. import { Directive } from '@angular/core';
  2. /**
  3. * @name Row
  4. * @module ionic
  5. * @description
  6. *
  7. * Rows are horizontal components of the [grid](../Grid) system and contain varying numbers of
  8. * [columns](../Col). They ensure the columns are positioned properly.
  9. *
  10. * ## Row attributes
  11. *
  12. * By default, columns will stretch to fill the entire height of the row and wrap when necessary.
  13. * There are several attributes that can be added to a row to customize this behavior.
  14. *
  15. * | Property | Description |
  16. * |-----------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------|
  17. * | nowrap | Adds `flex-wrap: nowrap`. Forces the columns to a single row. |
  18. * | wrap-reverse | Adds `flex-wrap: wrap-reverse`. The columns will wrap in reverse. |
  19. * | align-items-start | Adds `align-items: flex-start`. All columns will be vertically aligned at the top, unless they specify their own alignment. |
  20. * | align-items-center | Adds `align-items: center`. All columns will be vertically aligned in the center, unless they specify their own alignment. |
  21. * | align-items-end | Adds `align-items: flex-end`. All columns will be vertically aligned at the bottom, unless they specify their own alignment. |
  22. * | align-items-stretch | Adds `align-items: stretch`. All columns will be stretched to take up the entire height of the row, unless they specify their own alignment. |
  23. * | align-items-baseline | Adds `align-items: baseline`. All columns will be vertically aligned at their baselines, unless they specify their own alignment. |
  24. * | justify-content-start | Adds `justify-content: start`. All columns will be horizontally aligned at the start. |
  25. * | justify-content-center | Adds `justify-content: center`. All columns will be horizontally aligned at the center. |
  26. * | justify-content-end | Adds `justify-content: end`. All columns will be horizontally aligned at the end. |
  27. * | justify-content-around | Adds `justify-content: space-around`. All columns will be horizontally aligned with equal space around them. |
  28. * | justify-content-between | Adds `justify-content: space-between`. All columns will be horizontally aligned with a half-size space on either end. |
  29. *
  30. *
  31. */
  32. export class Row {
  33. }
  34. Row.decorators = [
  35. { type: Directive, args: [{
  36. selector: 'ion-row, [ion-row]',
  37. host: {
  38. 'class': 'row'
  39. }
  40. },] },
  41. ];
  42. /** @nocollapse */
  43. Row.ctorParameters = () => [];
  44. //# sourceMappingURL=row.js.map