Skip to content

Commit 9f6f36e

Browse files
authored
Add documentation for isolation (facebook#4659)
* Add documentation for isolation * format
1 parent abeab87 commit 9f6f36e

File tree

6 files changed

+90
-0
lines changed

6 files changed

+90
-0
lines changed

docs/layout-props.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -661,6 +661,21 @@ It works similarly to `height` in CSS, but in React Native you must use points o
661661

662662
---
663663

664+
### `isolation`
665+
666+
`isolation` lets you form a [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context). This prop is only available on the [New Architecture](/architecture/landing-page).
667+
668+
There are two values:
669+
670+
- `auto` (default): Does nothing.
671+
- `isolate`: Forms a stacking context.
672+
673+
| Type | Required |
674+
| ----------------------- | -------- |
675+
| enum('auto', 'isolate') | No |
676+
677+
---
678+
664679
### `justifyContent`
665680

666681
`justifyContent` aligns children in the main direction. For example, if children are flowing vertically, `justifyContent` controls how they align vertically. It works like `justify-content` in CSS (default: flex-start). See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content for more details.

website/versioned_docs/version-0.76/layout-props.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -651,6 +651,21 @@ It works similarly to `height` in CSS, but in React Native you must use points o
651651

652652
---
653653

654+
### `isolation`
655+
656+
`isolation` lets you form a [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context). This prop is only available on the [New Architecture](/architecture/landing-page).
657+
658+
There are two values:
659+
660+
- `auto` (default): Does nothing.
661+
- `isolate`: Forms a stacking context.
662+
663+
| Type | Required |
664+
| ----------------------- | -------- |
665+
| enum('auto', 'isolate') | No |
666+
667+
---
668+
654669
### `justifyContent`
655670

656671
`justifyContent` aligns children in the main direction. For example, if children are flowing vertically, `justifyContent` controls how they align vertically. It works like `justify-content` in CSS (default: flex-start). See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content for more details.

website/versioned_docs/version-0.77/layout-props.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -661,6 +661,21 @@ It works similarly to `height` in CSS, but in React Native you must use points o
661661

662662
---
663663

664+
### `isolation`
665+
666+
`isolation` lets you form a [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context). This prop is only available on the [New Architecture](/architecture/landing-page).
667+
668+
There are two values:
669+
670+
- `auto` (default): Does nothing.
671+
- `isolate`: Forms a stacking context.
672+
673+
| Type | Required |
674+
| ----------------------- | -------- |
675+
| enum('auto', 'isolate') | No |
676+
677+
---
678+
664679
### `justifyContent`
665680

666681
`justifyContent` aligns children in the main direction. For example, if children are flowing vertically, `justifyContent` controls how they align vertically. It works like `justify-content` in CSS (default: flex-start). See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content for more details.

website/versioned_docs/version-0.78/layout-props.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -661,6 +661,21 @@ It works similarly to `height` in CSS, but in React Native you must use points o
661661

662662
---
663663

664+
### `isolation`
665+
666+
`isolation` lets you form a [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context). This prop is only available on the [New Architecture](/architecture/landing-page).
667+
668+
There are two values:
669+
670+
- `auto` (default): Does nothing.
671+
- `isolate`: Forms a stacking context.
672+
673+
| Type | Required |
674+
| ----------------------- | -------- |
675+
| enum('auto', 'isolate') | No |
676+
677+
---
678+
664679
### `justifyContent`
665680

666681
`justifyContent` aligns children in the main direction. For example, if children are flowing vertically, `justifyContent` controls how they align vertically. It works like `justify-content` in CSS (default: flex-start). See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content for more details.

website/versioned_docs/version-0.79/layout-props.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -661,6 +661,21 @@ It works similarly to `height` in CSS, but in React Native you must use points o
661661

662662
---
663663

664+
### `isolation`
665+
666+
`isolation` lets you form a [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context). This prop is only available on the [New Architecture](/architecture/landing-page).
667+
668+
There are two values:
669+
670+
- `auto` (default): Does nothing.
671+
- `isolate`: Forms a stacking context.
672+
673+
| Type | Required |
674+
| ----------------------- | -------- |
675+
| enum('auto', 'isolate') | No |
676+
677+
---
678+
664679
### `justifyContent`
665680

666681
`justifyContent` aligns children in the main direction. For example, if children are flowing vertically, `justifyContent` controls how they align vertically. It works like `justify-content` in CSS (default: flex-start). See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content for more details.

website/versioned_docs/version-0.80/layout-props.md

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -661,6 +661,21 @@ It works similarly to `height` in CSS, but in React Native you must use points o
661661

662662
---
663663

664+
### `isolation`
665+
666+
`isolation` lets you form a [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_positioned_layout/Stacking_context). This prop is only available on the [New Architecture](/architecture/landing-page).
667+
668+
There are two values:
669+
670+
- `auto` (default): Does nothing.
671+
- `isolate`: Forms a stacking context.
672+
673+
| Type | Required |
674+
| ----------------------- | -------- |
675+
| enum('auto', 'isolate') | No |
676+
677+
---
678+
664679
### `justifyContent`
665680

666681
`justifyContent` aligns children in the main direction. For example, if children are flowing vertically, `justifyContent` controls how they align vertically. It works like `justify-content` in CSS (default: flex-start). See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content for more details.

0 commit comments

Comments
 (0)