Skip to content

Commit 0dfd3a2

Browse files
authored
Box sizing documentation (facebook#4440)
1 parent 5c9bc20 commit 0dfd3a2

File tree

1 file changed

+10
-0
lines changed

1 file changed

+10
-0
lines changed

docs/layout-props.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -513,6 +513,16 @@ See https://developer.mozilla.org/en-US/docs/Web/CSS/bottom for more details of
513513

514514
---
515515

516+
### `boxSizing`
517+
518+
`boxSizing` defines how the element's various sizing props (`width`, `height`, `minWidth`, `minHeight`, etc.) are computed. If `boxSizing` is `border-box`, these sizes apply to the border box of the element. If it is `content-box`, they apply to the content box of the element. The default value is `border-box`. The [web documentation](https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing) is a good source of information if you wish to learn more about how this prop works.
519+
520+
| Type | Required |
521+
| --------------------------------- | -------- |
522+
| enum('border-box', 'content-box') | No |
523+
524+
---
525+
516526
### `columnGap`
517527

518528
`columnGap` works like `column-gap` in CSS. Only pixel units are supported in React Native. See https://developer.mozilla.org/en-US/docs/Web/CSS/column-gap for more details.

0 commit comments

Comments
 (0)