@moxijs/ui - v0.3.5
Preparing search index...
syncBoxModelToLayoutStyle
Function syncBoxModelToLayoutStyle
syncBoxModelToLayoutStyle
(
boxModel
:
{
bottom
?:
number
;
display
?:
"flex"
|
"none"
;
flex
?:
{
alignContent
?:
|
"center"
|
"end"
|
"start"
|
"space-between"
|
"space-around"
|
"stretch"
;
alignItems
?:
"center"
|
"end"
|
"start"
|
"stretch"
;
alignSelf
?:
"auto"
|
"center"
|
"end"
|
"start"
|
"stretch"
;
basis
?:
string
|
number
;
columnGap
?:
number
;
direction
?:
"row"
|
"row-reverse"
|
"column"
|
"column-reverse"
;
gap
?:
number
;
grow
?:
number
;
justify
?:
|
"center"
|
"end"
|
"start"
|
"space-between"
|
"space-around"
|
"space-evenly"
;
rowGap
?:
number
;
shrink
?:
number
;
wrap
?:
"nowrap"
|
"wrap"
|
"wrap-reverse"
;
}
;
height
?:
string
|
number
;
left
?:
number
;
margin
?:
{
bottom
:
number
;
left
:
number
;
right
:
number
;
top
:
number
}
;
maxHeight
?:
number
;
maxWidth
?:
number
;
minHeight
?:
number
;
minWidth
?:
number
;
order
?:
number
;
padding
?:
{
bottom
:
number
;
left
:
number
;
right
:
number
;
top
:
number
}
;
position
?:
"absolute"
|
"relative"
;
right
?:
number
;
top
?:
number
;
width
?:
string
|
number
;
zIndex
?:
number
;
}
,
target
:
LayoutStyle
,
)
:
void
Helper to sync BoxModel properties to LayoutStyle. Used by UIComponent and other participants.
Parameters
boxModel
:
{
bottom
?:
number
;
display
?:
"flex"
|
"none"
;
flex
?:
{
alignContent
?:
|
"center"
|
"end"
|
"start"
|
"space-between"
|
"space-around"
|
"stretch"
;
alignItems
?:
"center"
|
"end"
|
"start"
|
"stretch"
;
alignSelf
?:
"auto"
|
"center"
|
"end"
|
"start"
|
"stretch"
;
basis
?:
string
|
number
;
columnGap
?:
number
;
direction
?:
"row"
|
"row-reverse"
|
"column"
|
"column-reverse"
;
gap
?:
number
;
grow
?:
number
;
justify
?:
|
"center"
|
"end"
|
"start"
|
"space-between"
|
"space-around"
|
"space-evenly"
;
rowGap
?:
number
;
shrink
?:
number
;
wrap
?:
"nowrap"
|
"wrap"
|
"wrap-reverse"
;
}
;
height
?:
string
|
number
;
left
?:
number
;
margin
?:
{
bottom
:
number
;
left
:
number
;
right
:
number
;
top
:
number
}
;
maxHeight
?:
number
;
maxWidth
?:
number
;
minHeight
?:
number
;
minWidth
?:
number
;
order
?:
number
;
padding
?:
{
bottom
:
number
;
left
:
number
;
right
:
number
;
top
:
number
}
;
position
?:
"absolute"
|
"relative"
;
right
?:
number
;
top
?:
number
;
width
?:
string
|
number
;
zIndex
?:
number
;
}
target
:
LayoutStyle
Returns
void
Settings
Member Visibility
Protected
Inherited
Theme
OS
Light
Dark
@moxijs/ui - v0.3.5
Loading...
Helper to sync BoxModel properties to LayoutStyle. Used by UIComponent and other participants.