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

Documentation for min/max

Browse Source 
Summary: Documentation for min/max

Reviewed By: emilsjolander

Differential Revision: D6998539

fbshipit-source-id: 65a0c1713fb5a01e41e0afcfbefa1b0280c82ed5
This commit is contained in:
Pritesh Nandgaonkar
2018-02-15 06:12:16 -08:00
committed by Facebook Github Bot
parent 69242938f7
commit 79fa6f8d58
1 changed files with 36 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
website/contents/properties/min-max.md
View File

@@ -6,10 +6,43 @@ hasPlayground: true
## Max / Min Width and Height ## Max / Min Width and Height
<controls prop="minWidth"></controls> ### Max Width
<controls prop="minHeight"></controls> The `maxWidth` property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by `maxWidth `
### Min Width
The `minWidth` property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified by `width `.
`minWidth` overrides both `maxWidth` and `width`. Try out this in playground.
### Max Height
The `maxHeight` property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified by `maxHeight`.
### Min Width
The `minHeight` property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified by `height`.
`minHeight ` overrides both `maxHeight` and `height`. Try out this in playground.
Each of the above properties can take the following values
### Pixel
One can specify the pixel values for each of the above properties
### Percentages
One can specifiy min/max values in terms of the percentage of its parent.
Try out the above properties in playground.
#### Max Width
<controls prop="maxWidth"></controls> <controls prop="maxWidth"></controls>
#### Min Width
<controls prop="minWidth"></controls>
#### Max Height
<controls prop="maxHeight"></controls> <controls prop="maxHeight"></controls>
#### Min Height
<controls prop="minHeight"></controls>