docs(grid): add initial documentation for grid, split directives

references #6050 references #7508
ionic-team · Feb 17, 2017 · 8f19433 · 8f19433
1 parent 0da17c2
commit 8f19433
Show file tree

Hide file tree

Showing 4 changed files with 525 additions and 35 deletions.
diff --git a/src/components/grid/column.ts b/src/components/grid/column.ts
@@ -0,0 +1,33 @@
+import { Directive } from '@angular/core';
+
+/**
+  * @name Column
+  * @module ionic
+  * @description
+  *
+  * Column description
+  *
+  * ## Column attributes
+  *
+  * By default, columns will stretch to fill the entire height of the row.
+  * There are several attributes that can be added to a column to customize this behavior.
+  *
+  * | Property        | Description                                                                                                 |
+  * |-----------------|-------------------------------------------------------------------------------------------------------------|
+  * | top             | Adds `align-self: flex-start`. The column will be vertically aligned at the top.                            |
+  * | bottom          | Adds `align-self: flex-end`. The column will be vertically aligned at the bottom.                           |
+  * | center          | Adds `align-self: center`. The column will be vertically aligned in the center.                             |
+  * | stretch         | Adds `align-self: stretch`. The column will be stretched to take up the entire height of the row.           |
+  * | baseline        | Adds `align-self: baseline`. The column will be vertically aligned at its baselines.                        |
+  *
+  *
+ */
+@Directive({
+  selector: 'ion-col, [ion-col]',
+  host: {
+    'class': 'col'
+  }
+})
+export class Col {
+
+}