Styled Layout

PropertyTypeDescription
alignContent?
!
AlignContent
One of:
Baseline, Center, End, Start, Stretch
alignItems?
!
AlignItems
One of:
Baseline, Center, End, Start, Stretch
alignSelf?
!
AlignSelf
One of:
Baseline, Center, End, Start, Stretch
attachBottom?
boolean
attachLeft?
boolean
attachRight?
boolean
attachTop?
boolean
background?
Background
One of:
Accent, AccentAlt, AccentAlt2, Alt, Alt2, Base, Overlay
border?
boolean
borderBottom?
boolean
borderLeft?
boolean
borderMarked?
boolean
borderRadius?
BorderRadius
One of:
Large, Medium, None, Rounded, Small
borderRight?
boolean
borderTop?
boolean
children?
React.ReactNode
className?
string
color?
Color
One of:
Alt, Alt2, Base, Error, Link, Live, Overlay, OverlayAlt
display?
!
Display
One of:
Block, Flex, Hide, HideAccessible, Inline, InlineBlock, InlineFlex
elevation?
Elevation
One of:
1, 2, 3, 4, 5
ellipsis?
boolean
flexDirection?
!
FlexDirection
One of:
Column, ColumnReverse, Row, RowReverse
flexGrow?
!
FlexValue
One of:
0, 1, 2, 3, 4
flexOrder?
!
FlexValue
One of:
0, 1, 2, 3, 4
flexShrink?
!
FlexValue
One of:
0, 1, 2, 3, 4
flexWrap?
!
FlexWrap
One of:
NoWrap, Wrap, WrapReverse
fontSize?
!
FontSize
One of:
Size1, Size2, Size3, Size4, Size5, Size6, Size7, Size8
fullHeight?
boolean
fullWidth?
boolean
justifyContent?
!
JustifyContent
One of:
Around, Between, Center, End, Start
margin?
!
Margin
One of:
MarginValue, MarginValues
overflow?
Overflow
One of:
Auto, Hidden, Scroll, Visible
padding?
!
Padding
One of:
PaddingValue, PaddingValues
position?
!
Position
One of:
Absolute, Fixed, Relative
refDelegate?
resize?
Resize
One of:
None, X, Y
textAlign?
!
TextAlign
One of:
Center, Left, Right
verticalAlign?
VerticalAlign
One of:
Baseline, Bottom, Middle, TextBottom, TextTop, Top
visibility?
!
Visibility
One of:
Hidden, Visible
zIndex?
ZIndex
One of:
Above, Below, Default