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

Add insets documentation (#1618)

Browse Source 
Summary:
Pull Request resolved: https://github.com/facebook/yoga/pull/1618

tsia

Reviewed By: NickGerleman

Differential Revision: D54830359

fbshipit-source-id: 999a7fa3659b41ae532dd00e5df739e91f23905b
This commit is contained in:
Joe Vilches
2024-03-13 14:07:44 -07:00
committed by Facebook GitHub Bot
parent 609a9a7a30
commit 20e05881a8
2 changed files with 65 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website-next/docs/styling/position.mdx
View File

@@ -8,14 +8,14 @@ import Playground from '@site/src/components/Playground';
**Relative (default)**: This node is laid out according to the specified flow of the flex container it is apart of.
That is, it particpates in the flexbox algorithm and will take up space within the container, unlike absolute.
Insets (`left`, `right`, `top`, `bottom`, etc) will offset the node from its normal position within its container.
[Insets](/docs/styling/insets) will offset the node from its normal position within its container.
This node will always form a [containing block](/docs/advanced/containing-block).
**Absolute**: This node is removed from the specified flow of the flex container it is apart of.
Absolute nodes do not take up space in its flex container and will not affect the position of
its siblings. Insets will offset the node from its [containing block](/docs/advanced/containing-block).
its siblings. [Insets](/docs/styling/insets) will offset the node from its [containing block](/docs/advanced/containing-block).
**Static**: This node behaves like relative except it will ignore insets and will not
**Static**: This node behaves like relative except it will ignore [insets](/docs/styling/insets) and will not
form a [containing block](/docs/advanced/containing-block).
<Playground code={`<Layout config={{useWebDefaults: false}}>