From fa7e76945fff11441ec917efd8cfae90a8f0035b Mon Sep 17 00:00:00 2001 From: Website Deployment Script Date: Mon, 25 Jul 2016 21:33:44 +0000 Subject: [PATCH] Updated docs for next --- releases/next/docs/layout-props.html | 87 ++++++++++++++-------------- 1 file changed, 44 insertions(+), 43 deletions(-) diff --git a/releases/next/docs/layout-props.html b/releases/next/docs/layout-props.html index 04d7d6a4d4f..58e9c1ead08 100644 --- a/releases/next/docs/layout-props.html +++ b/releases/next/docs/layout-props.html @@ -7,9 +7,9 @@ For example, if children are flowing vertically, alignItems controls how they align horizontally. It works like align-items in CSS, except the default value - is stretch instead of flex-start. See - https://css-tricks.com/almanac/properties/a/align-items/ - for more detail.

alignSelf ReactPropTypes.oneOf([ + is stretch instead of flex-start. + See https://developer.mozilla.org/en-US/docs/Web/CSS/align-items + for more details.

alignSelf ReactPropTypes.oneOf([ 'auto', 'flex-start', 'flex-end', @@ -17,25 +17,25 @@ 'stretch' ]) #

alignSelf controls how a child aligns in the cross direction, overriding the alignItems of the parent. It works like align-self - in CSS. See - https://css-tricks.com/almanac/properties/a/align-self/ - for more detail.

borderBottomWidth ReactPropTypes.number #

borderBottomWidth works like border-bottom-width in CSS. -See http://www.w3schools.com/cssref/pr_border-bottom_width.asp + in CSS. + See https://developer.mozilla.org/en-US/docs/Web/CSS/align-self + for more details.

borderBottomWidth ReactPropTypes.number #

borderBottomWidth works like border-bottom-width in CSS. +See https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width for more details.

borderLeftWidth ReactPropTypes.number #

borderLeftWidth works like border-left-width in CSS. -See http://www.w3schools.com/cssref/pr_border-bottom_width.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width for more details.

borderRightWidth ReactPropTypes.number #

borderRightWidth works like border-right-width in CSS. -See http://www.w3schools.com/cssref/pr_border-right_width.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width for more details.

borderTopWidth ReactPropTypes.number #

borderTopWidth works like border-top-width in CSS. -See http://www.w3schools.com/cssref/pr_border-top_width.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width for more details.

borderWidth ReactPropTypes.number #

borderWidth works like border-width in CSS. -See http://www.w3schools.com/cssref/pr_border-width.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/border-width for more details.

bottom ReactPropTypes.number #

bottom is the number of logical pixels to offset the bottom edge of this component.

It works similarly to bottom in CSS, but in React Native you must use logical pixel units, rather than percents, ems, or any of that.

See https://developer.mozilla.org/en-US/docs/Web/CSS/bottom for more details of how top affects layout.

flex ReactPropTypes.number #

In React Native flex does not work the same way that it does in CSS. flex is a number rather than a string, and it works according to the css-layout library - at https://github.com/facebook/css-layout .

When flex is a positive number, it makes the component flexible + at https://github.com/facebook/css-layout.

When flex is a positive number, it makes the component flexible and it will be sized proportional to its flex value. So a component with flex set to 2 will take twice the space as a component with flex set to 1.

When flex is 0, the component is sized according to width @@ -49,18 +49,18 @@ for more details.

#

flexDirection controls which directions children of a container go. row goes left to right, column goes top to bottom, and you may be able to guess what the other two do. It works like flex-direction - in CSS, except the default is column. See - https://css-tricks.com/almanac/properties/f/flex-direction/ - for more detail.

flexWrap ReactPropTypes.oneOf([ + in CSS, except the default is column. + See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction + for more details.

flexWrap ReactPropTypes.oneOf([ 'wrap', 'nowrap' ]) #

flexWrap controls whether children can wrap around after they hit the end of a flex container. - It works like flex-wrap in CSS. See - https://css-tricks.com/almanac/properties/f/flex-wrap/ - for more detail.

height ReactPropTypes.number #

height sets the height of this component.

It works similarly to height in CSS, but in React Native you + It works like flex-wrap in CSS. + See https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap + for more details.

height ReactPropTypes.number #

height sets the height of this component.

It works similarly to height in CSS, but in React Native you must use logical pixel units, rather than percents, ems, or any of that. - See http://www.w3schools.com/cssref/pr_dim_width.asp for more details.

justifyContent ReactPropTypes.oneOf([ + See https://developer.mozilla.org/en-US/docs/Web/CSS/height for more details.

justifyContent ReactPropTypes.oneOf([ 'flex-start', 'flex-end', 'center', @@ -69,43 +69,44 @@ for more details.

#

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. See - https://css-tricks.com/almanac/properties/j/justify-content/ - for more detail.

left ReactPropTypes.number #

left is the number of logical pixels to offset the left edge of + It works like justify-content in CSS. + See https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content + for more details.

left ReactPropTypes.number #

left is the number of logical pixels to offset the left edge of this component.

It works similarly to left in CSS, but in React Native you must use logical pixel units, rather than percents, ems, or any of that.

See https://developer.mozilla.org/en-US/docs/Web/CSS/left for more details of how left affects layout.

margin ReactPropTypes.number #

Setting margin has the same effect as setting each of - marginTop, marginLeft, marginBottom, and marginRight.

marginBottom ReactPropTypes.number #

marginBottom works like margin-bottom in CSS. - See http://www.w3schools.com/cssref/pr_margin-bottom.asp + marginTop, marginLeft, marginBottom, and marginRight. + See https://developer.mozilla.org/en-US/docs/Web/CSS/margin + for more details.

marginBottom ReactPropTypes.number #

marginBottom works like margin-bottom in CSS. + See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom for more details.

marginHorizontal ReactPropTypes.number #

Setting marginHorizontal has the same effect as setting both marginLeft and marginRight.

marginLeft ReactPropTypes.number #

marginLeft works like margin-left in CSS. - See http://www.w3schools.com/cssref/pr_margin-left.asp + See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left for more details.

marginRight ReactPropTypes.number #

marginRight works like margin-right in CSS. - See http://www.w3schools.com/cssref/pr_margin-right.asp + See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right for more details.

marginTop ReactPropTypes.number #

marginTop works like margin-top in CSS. - See http://www.w3schools.com/cssref/pr_margin-top.asp + See https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top for more details.

marginVertical ReactPropTypes.number #

Setting marginVertical has the same effect as setting both marginTop and marginBottom.

maxHeight ReactPropTypes.number #

maxHeight is the maximum height for this component, in logical pixels.

It works similarly to max-height in CSS, but in React Native you - must use logical pixel units, rather than percents, ems, or any of that.

See http://www.w3schools.com/cssref/pr_dim_max-height.asp + must use logical pixel units, rather than percents, ems, or any of that.

See https://developer.mozilla.org/en-US/docs/Web/CSS/max-height for more details.

maxWidth ReactPropTypes.number #

maxWidth is the maximum width for this component, in logical pixels.

It works similarly to max-width in CSS, but in React Native you - must use logical pixel units, rather than percents, ems, or any of that.

See http://www.w3schools.com/cssref/pr_dim_max-width.asp + must use logical pixel units, rather than percents, ems, or any of that.

See https://developer.mozilla.org/en-US/docs/Web/CSS/max-width for more details.

minHeight ReactPropTypes.number #

minHeight is the minimum height for this component, in logical pixels.

It works similarly to min-height in CSS, but in React Native you - must use logical pixel units, rather than percents, ems, or any of that.

See http://www.w3schools.com/cssref/pr_dim_min-height.asp + must use logical pixel units, rather than percents, ems, or any of that.

See https://developer.mozilla.org/en-US/docs/Web/CSS/min-height for more details.

minWidth ReactPropTypes.number #

minWidth is the minimum width for this component, in logical pixels.

It works similarly to min-width in CSS, but in React Native you - must use logical pixel units, rather than percents, ems, or any of that.

See http://www.w3schools.com/cssref/pr_dim_min-width.asp - for more details.

padding ReactPropTypes.number #

padding works like padding in CSS. - It's like setting each of paddingTop, paddingBottom, - paddingLeft, and paddingRight to the same thing. - See http://www.w3schools.com/css/css_padding.asp + must use logical pixel units, rather than percents, ems, or any of that.

See https://developer.mozilla.org/en-US/docs/Web/CSS/min-width + for more details.

padding ReactPropTypes.number #

Setting padding has the same effect as setting each of + paddingTop, paddingBottom, paddingLeft, and paddingRight. + See https://developer.mozilla.org/en-US/docs/Web/CSS/padding for more details.

paddingBottom ReactPropTypes.number #

paddingBottom works like padding-bottom in CSS. -See http://www.w3schools.com/cssref/pr_padding-bottom.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom for more details.

paddingHorizontal ReactPropTypes.number #

Setting paddingHorizontal is like setting both of paddingLeft and paddingRight.

paddingLeft ReactPropTypes.number #

paddingLeft works like padding-left in CSS. -See http://www.w3schools.com/cssref/pr_padding-left.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left for more details.

paddingRight ReactPropTypes.number #

paddingRight works like padding-right in CSS. -See http://www.w3schools.com/cssref/pr_padding-right.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right for more details.

paddingTop ReactPropTypes.number #

paddingTop works like padding-top in CSS. -See http://www.w3schools.com/cssref/pr_padding-top.asp +See https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top for more details.

paddingVertical ReactPropTypes.number #

Setting paddingVertical is like setting both of paddingTop and paddingBottom.

position ReactPropTypes.oneOf([ 'absolute', @@ -126,15 +127,15 @@ for more details.

See https://developer.mozilla.org/en-US/docs/Web/CSS/top for more details of how top affects layout.

width ReactPropTypes.number #

width sets the width of this component.

It works similarly to width in CSS, but in React Native you must use logical pixel units, rather than percents, ems, or any of that. - See http://www.w3schools.com/cssref/pr_dim_width.asp for more details.

zIndex ReactPropTypes.number #

zIndex controls which components display on top of others. + See https://developer.mozilla.org/en-US/docs/Web/CSS/width for more details.

zIndex ReactPropTypes.number #

zIndex controls which components display on top of others. Normally, you don't use zIndex. Components render according to their order in the document tree, so later components draw over earlier ones. zIndex may be useful if you have animations or custom modal interfaces where you don't want this behavior.

It works like the CSS z-index property - components with a larger zIndex will render on top. Think of the z-direction like it's - pointing from the phone into your eyeball. See - https://developer.mozilla.org/en-US/docs/Web/CSS/z-index for - more detail.

← PrevNext →