bba81781af
Reviewed By: danielbuechele Differential Revision: D7009457 fbshipit-source-id: d5053751a2bde369a65a740c03ace5bbd2eec02f
28 lines
834 B
Markdown
28 lines
834 B
Markdown
---
|
|
path: "docs/width-height"
|
|
title: "Width and Height"
|
|
hasPlayground: true
|
|
---
|
|
|
|
## Width and Height
|
|
|
|
The `width` property in Yoga specifies the width of the element's content area.
|
|
Similarly `height` property specifies the height of the element's content area.
|
|
|
|
Both `width` and `height` can take following values:
|
|
|
|
**AUTO** Is the default Value, Yoga calculates the width/height for the element based
|
|
on its content, whether that is other children, text, or an image.
|
|
|
|
**PIXELS** Defines the width/height in absolute pixels. Depending on other properties set on
|
|
the Yoga node this may or may not be the final dimension of the node.
|
|
|
|
**PERCENTAGE** Defines the width or height in percentage of its parent's width or height respectively.
|
|
|
|
### Width
|
|
<controls prop="width"></controls>
|
|
|
|
### Height
|
|
<controls prop="height"></controls>
|
|
|