Skip to main content
Version: 4.x.x (latest)

$flexbox

Types​

export type DesygnaSystemFlexboxProps = {
  alignItems?: DesygnaGenericProp<CSS.Properties["alignItems"]>;
  alignContent?: DesygnaGenericProp<CSS.Properties["alignContent"]>;
  justifyItems?: DesygnaGenericProp<CSS.Properties["justifyItems"]>;
  justifyContent?: DesygnaGenericProp<CSS.Properties["justifyContent"]>;
  flexWrap?: DesygnaGenericProp<CSS.Properties["flexWrap"]>;
  flexDirection?: DesygnaGenericProp<CSS.Properties["flexDirection"]>;
  flex?: DesygnaGenericProp<CSS.Properties["flex"]>;
  flexGrow?: DesygnaGenericProp<CSS.Properties["flexGrow"]>;
  flexShrink?: DesygnaGenericProp<CSS.Properties["flexShrink"]>;
  flexBasis?: DesygnaGenericProp<CSS.Properties["flexBasis"]>;
  justifySelf?: DesygnaGenericProp<CSS.Properties["justifySelf"]>;
  alignSelf?: DesygnaGenericProp<CSS.Properties["alignSelf"]>;
  order?: DesygnaGenericProp<CSS.Properties["order"]>;
};