Flex

<Flex gap={GAP} isColumn={IS_COLUMN}>{CHILDREN}</Flex>
NameTypeDescriptionRequired
extends
Omit<HTMLAttributes<HTMLDivElement>, "color" | "results">
-
children
HeliosChildrenType
-
className
string
-
gap
HeliosScale
-
grow
1 | 2 | 3 | 4 | 5 | 6 | 7 | 8
-
elevation
"small" | "medium" | "large"
-
isAround
boolean
-
isBetween
boolean
-
isCentered
boolean
-
isColumn
boolean
-
isFullWidth
boolean
-
isInline
boolean
-
isNoWrap
boolean
-
isStretch
boolean
-
isWrapping
boolean
-
isXCentered
boolean
-
isYCentered
boolean
-
onClick
HeliosOnClickType
-
padding
ResponsiveScaleType
-
paddingX
HeliosScale
-
paddingY
HeliosScale
-
ref
RefObject<HTMLDivElement>
-
withBackground
boolean
-
withRadius
ResponsiveRadiusType
-
xAlign
"start" | "end" | "center"
-
yAlign
"start" | "end" | "baseline"
-