flex-parent

Applying the flex-parent system modifier to your component will allow consumers of your component to pass in the following props:

PropertyTypeDescription
$flexDirectionSee MDNApplies flex-direction styles to the element
$flexWrapSee MDNApplies flex-wrap styles to the element
$alignItemsSee MDNApplies align-items styles to the element
$alignContentSee MDNApplies align-content styles to the element
$justifyContentSee MDNApplies justify-content styles to the element
$gapSee MDNSets the gaps between rows and columns
$columnGapSee MDNSets the gap between an element's columns
$rowGapSee MDNSets the gap between an element's rows