flex-parent
Applying the flex-parent
system modifier to your component will allow consumers of your component to pass in the following props:
Property | Type | Description |
---|---|---|
$flexDirection | See MDN | Applies flex-direction styles to the element |
$flexWrap | See MDN | Applies flex-wrap styles to the element |
$alignItems | See MDN | Applies align-items styles to the element |
$alignContent | See MDN | Applies align-content styles to the element |
$justifyContent | See MDN | Applies justify-content styles to the element |
$gap | See MDN | Sets the gaps between rows and columns |
$columnGap | See MDN | Sets the gap between an element's columns |
$rowGap | See MDN | Sets the gap between an element's rows |