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

Inline controls for docs

Browse Source 
Summary:
Adding inline controls in markdown using:
```
<controls prop="flexWrap"></controls>
```

Reviewed By: emilsjolander

Differential Revision: D6987150

fbshipit-source-id: 28def12df702ba5d5d5b6a83dd1cb907716d1b1c
This commit is contained in:
Daniel Büchele
2018-02-14 07:53:07 -08:00
committed by Facebook Github Bot
parent 5f2cf6623f
commit 8c5cbf698b
15 changed files with 142 additions and 58 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/contents/properties/margins-paddings-borders.md
View File

@@ -2,7 +2,6 @@
path: "docs/margins-paddings-borders"
title: "Margins, Paddings, and Borders"
hasPlayground: true
editableProperties: ['margin', 'padding', 'border']
---
## Margins, Paddings, and Borders
@@ -14,6 +13,8 @@ will offset itself from the bounds of its parent but also offset the
location of any siblings. The margin of a node contributes to the total size
of its parent if the parent is auto sized.
<controls prop="margin"></controls>
### Padding
Padding affect the size of the node it is applied to. Padding in Yoga acts as if
@@ -21,6 +22,8 @@ Padding affect the size of the node it is applied to. Padding in Yoga acts as if
of an element if it has an explicit size set. For auto sized nodes padding will increase
the size of the node as well as offset the location of any children.
<controls prop="padding"></controls>
### Border
Border in Yoga acts exactly like padding and only exists as a seperate property so
@@ -28,3 +31,4 @@ that higher level frameworks get a hint as to how thick to draw a border. Yoga h
does not do any drawing so just uses this information during layout where border
acts exactly like padding.
<controls prop="border"></controls>