DaddyFrosty/yoga
1
0
Fork 0
Code Issues 96 Pull Requests 31 Actions Packages Projects Releases 33 Wiki Activity

Markdown redirect frontmatter

Browse Source 
Reviewed By: danielbuechele

Differential Revision: D6987631

fbshipit-source-id: 8b3431fa885fb94d4a87119b5a5199db0b36b20c
This commit is contained in:
Emil Sjölander
2018-02-14 08:42:49 -08:00
committed by Facebook Github Bot
parent 740ef6cd9e
commit 3ec41b656f
24 changed files with 207 additions and 110 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
website/contents/properties/flex-direction.md
View File

@@ -6,4 +6,21 @@ hasPlayground: true
## Flex Direction
Flex direction controls the direction in which children of a node are laid out.
This is also referred to as the main axis. The main axis is the direction in
which children are laid out. The cross axis the the axis perpendicular to the
main axis, or the axis which wrapping lines are laid out in.
**ROW (DEFAULT)** Align children from left to right. If [wrapping](flex-wrap) is enabled then
the next line will start under the first item on the left of the container.
**COLUMN** Align children from top to bottom. If [wrapping](flex-wrap) is enabled then
the next line will start to the left first item on the top of the container.
**ROW REVERSE** Align children from right to left. If [wrapping](flex-wrap) is enabled then
the next line will start under the first item on the right of the container.
**COLUMN REVERSE** Align children from bottom to top. If [wrapping](flex-wrap) is enabled then
the next line will start to the left first item on the bottom of the container.
<controls prop="flexDirection"></controls>