8c5cbf698b
Summary: Adding inline controls in markdown using: ``` <controls prop="flexWrap"></controls> ``` Reviewed By: emilsjolander Differential Revision: D6987150 fbshipit-source-id: 28def12df702ba5d5d5b6a83dd1cb907716d1b1c
22 lines
819 B
Markdown
22 lines
819 B
Markdown
---
|
|
path: "docs/aspect-ratio"
|
|
title: "Aspect Ratio"
|
|
hasPlayground: true
|
|
---
|
|
|
|
## Aspect Ratio
|
|
|
|
AspectRatio is a property introduced by Yoga and is not present as a settable
|
|
property in the css flexbox specification. Flexbox does has the notion of
|
|
aspect ratio though for things with intrinsic aspect ratio such as images.
|
|
|
|
The aspect ratio property in Yoga has the following properties:
|
|
|
|
- Accepts any floating point value > 0, the default is undefined.
|
|
- Defined as the ratio between the width and the height of a node e.g. if a node has an aspect ratio of 2 then its width is twice the size of its height.
|
|
- Respects the Min and Max dimensions of an item.
|
|
- Has higher priority than FlexGrow
|
|
- If AspectRatio, Width, and Height are set then the cross dimension is overridden.
|
|
|
|
<controls prop="aspectRatio"></controls>
|