Added layout docs

Author: rigor789

content/docs/en/elements/layout/absolute-layout.md

@@ -1,5 +1,21 @@
 ---
 title: AbsoluteLayout
+apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_absolute_layout_
 ---
 
-TODO
+The AbsoluteLayout container lets you specify exact coordinates (top/left) of elements.
+
+## Props
+
+The AbsoluteLayout has no additional props.
+
+## Additional Children Props
+
+When an element is a direct child of the AbsoluteLayout, the following
+props get a meaning:
+
+| name | type | description |
+|------|------|-------------|
+| `top` | `Number` | A value representing the distance from the top of the parent AbsoluteLayout
+| `left` | `Number` | A value representing the distance from the left of the parent AbsoluteLayout
+

content/docs/en/elements/layout/dock-layout.md

@@ -1,5 +1,21 @@
 ---
 title: DockLayout
+apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_dock_layout_
 ---
 
-TODO
+The DockLayout container arranges it's children on it's outer edges, and allows the **last children** to take up the remaining space.
+
+## Props
+
+| name | type | description |
+|------|------|-------------|
+`stretchLastChild` | `Boolean` | Enables/Disables stretching the last child to fit the remaining space.
+
+## Additional Children Props
+
+When an element is a direct child of the DockLayout, the following
+props get a meaning:
+
+| name | type | description |
+|------|------|-------------|
+`dock` | `String` | Specifies which side to dock the element to. Values can be: `top`, `right`, `bottom`, `left`

content/docs/en/elements/layout/flexbox-layout.md

@@ -1,5 +1,32 @@
 ---
 title: FlexboxLayout
+apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_flexbox_layout_
 ---
 
-TODO
+The FlexboxLayout container is a non-exact implementation of the [Css Flexbox Layout](https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Flexbox)
+
+## Props
+
+| name | type | description |
+|------|------|-------------|
+`flexDirection` | `String` | Specifies the direction of the Flex layout
+`flexWrap` | `String` | Specifies how to wrap child elements
+`justifyContent` | `String` | Specifies how to justify content
+`alignItems` | `String` | Specifies how to align items
+`alignContent` | `String` | Specifies how to align content
+
+## Additional Children Props
+
+When an element is a direct child of the FlexboxLayout, the following
+props get a meaning:
+
+| name | type | description |
+|------|------|-------------|
+`order` | `Number` | Specifies the order of the element
+`flexGrow` | `Number` | Specifies if the element can grow in size
+`flexShrink` | `Number` | Specifies if the element can shrink in size
+`alignSelf` | `String` | Specifies the alignment of the element
+`flexWrapBefore` | `Boolean` | Specifies if the element should be force to a new line
+
+
+

content/docs/en/elements/layout/grid-layout.md

@@ -1,5 +1,26 @@
 ---
 title: GridLayout
+apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_grid_layout_
 ---
 
-TODO
+The GridLayout container lets you define a grid of columns and rows, and position child element on this grid.
+
+## Props
+
+| name | type | description |
+|------|------|-------------|
+`columns` | `String` | Specifies the columns schema for the grid
+`rows` | `String` | Specifies the rows schema for the grid
+
+
+## Additional Children Props
+
+When an element is a direct child of the GridLayout, the following
+props get a meaning:
+
+| name | type | description |
+|------|------|-------------|
+`row` | `Number` | Specifies the row which this element should be in
+`column` | `Number` | Specifies the column which this element should be in
+`rowSpan` | `Number` | Specifies the number of rows which this element should span across
+`columnSpan` | `Number` | Specifies the number of columns which this element should span across

content/docs/en/elements/layout/stack-layout.md

@@ -1,5 +1,17 @@
 ---
 title: StackLayout
+apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_stack_layout_
 ---
 
-TODO
+The StackLayout container stacks the child elements either vertically (default), or horizontally.
+
+## Props
+
+| name | type | description |
+|------|------|-------------|
+`orientation` | `String` | Specifies the direction of the stacking.
+
+
+## Additional Children Props
+
+There are no additional properties for child elements.

content/docs/en/elements/layout/wrap-layout.md

@@ -1,5 +1,19 @@
 ---
 title: WrapLayout
+apiRef: https://docs.nativescript.org/api-reference/modules/_ui_layouts_wrap_layout_
 ---
 
-TODO
+The WrapLayout container positions its children in rows or columns, based on the orientation property, until the space is filled and then wraps them on a new row or column.
+
+## Props
+
+| name | type | description |
+|------|------|-------------|
+`orientation` | `String` | Specifies the orientation of the layout.
+`itemWidth` | `String` | Specifies the width of the items
+`itemHeight` | `String` | Specifies the height of the items
+
+
+## Additional Children Props
+
+There are no additional properties for child elements.

package.json

@@ -10,8 +10,8 @@
     "build:js": "babel src -d static"
   },
   "keywords": [],
-  "author": "",
-  "license": "ISC",
+  "author": "Igor Randjelovic",
+  "license": "MIT",
   "devDependencies": {
     "babel-cli": "^6.26.0",
     "babel-preset-env": "^1.6.1",