Skip to content

Commit 57f1196

Browse files
gabrieldonadelfacebook-github-bot
authored andcommitted
chore: Add missing documentation to inset logical properties (#35752)
Summary: This PR adds the missing documentation for the inset logical properties from StyleSheetTypes. Related to facebook/react-native-website#3493 and 9669c10 ## Changelog [GENERAL] [ADDED] - Add missing documentation to inset logical properties Pull Request resolved: #35752 Test Plan: Ensure CI is green Reviewed By: christophpurrer Differential Revision: D42294781 Pulled By: rshest fbshipit-source-id: 48f28728cc8da2cb7ab2977216fdedd4de510e82
1 parent 5eb25d2 commit 57f1196

File tree

1 file changed

+58
-0
lines changed

1 file changed

+58
-0
lines changed

Libraries/StyleSheet/StyleSheetTypes.js

Lines changed: 58 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -141,11 +141,69 @@ type ____LayoutStyle_Internal = $ReadOnly<{
141141
* for more details of how `inset` affects layout.
142142
*/
143143
inset?: DimensionValue,
144+
145+
/** `insetBlock` is a shorthand that corresponds to the `insetBlockStart` and `insetBlockEnd` properties.
146+
*
147+
* It works similarly to `inset-block` in CSS, but in React Native you
148+
* must use points or percentages. Ems and other units are not supported.
149+
*
150+
* See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block
151+
* for more details of how `inset-block` affects layout.
152+
*/
144153
insetBlock?: DimensionValue,
154+
155+
/** `insetBlockEnd` is a logical property that sets the length that an
156+
* element is offset in the block direction from its ending edge.
157+
*
158+
* It works similarly to `inset-block-end` in CSS, but in React Native you
159+
* must use points or percentages. Ems and other units are not supported.
160+
*
161+
* See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-end
162+
* for more details of how `inset-block-end` affects layout.
163+
*/
145164
insetBlockEnd?: DimensionValue,
165+
166+
/** `insetBlockStart` is a logical property that sets the length that an
167+
* element is offset in the block direction from its starting edge.
168+
*
169+
* It works similarly to `inset-block-start` in CSS, but in React Native you
170+
* must use points or percentages. Ems and other units are not supported.
171+
*
172+
* See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-block-start
173+
* for more details of how `inset-block-start` affects layout.
174+
*/
146175
insetBlockStart?: DimensionValue,
176+
177+
/** `insetInline` is a shorthand that corresponds to the `insetInlineStart` and `insetInlineEnd` properties.
178+
*
179+
* It works similarly to `inset-inline` in CSS, but in React Native you
180+
* must use points or percentages. Ems and other units are not supported.
181+
*
182+
* See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline
183+
* for more details of how `inset-inline` affects layout.
184+
*/
147185
insetInline?: DimensionValue,
186+
187+
/** `insetInlineEnd` is a logical property that sets the length that an
188+
* element is offset in the starting inline direction.
189+
*
190+
* It works similarly to `inset-inline-end` in CSS, but in React Native you
191+
* must use points or percentages. Ems and other units are not supported.
192+
*
193+
* See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-end
194+
* for more details of how `inset-inline-end` affects layout.
195+
*/
148196
insetInlineEnd?: DimensionValue,
197+
198+
/** `insetInlineStart` is a logical property that sets the length that an
199+
* element is offset in the starting inline direction.
200+
*
201+
* It works similarly to `inset-inline-start` in CSS, but in React Native you
202+
* must use points or percentages. Ems and other units are not supported.
203+
*
204+
* See https://developer.mozilla.org/en-US/docs/Web/CSS/inset-inline-start
205+
* for more details of how `inset-inline-start` affects layout.
206+
*/
149207
insetInlineStart?: DimensionValue,
150208

151209
/** `minWidth` is the minimum width for this component, in logical pixels.

0 commit comments

Comments
 (0)