Skip to main navigationSkip to main content
Return to Sky UI homepage

system - flex-child

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

PropTypeDescription
$alignSelfSee MDNApplies align-self styles to the element
$flexSee MDNApplies flex styles to the element
$flexGrowSee MDNApplies flex-grow styles to the element
$flexShrinkSee MDNApplies flex-shrink styles to the element
$flexBasisSee MDNApplies flex-basis styles to the element
$orderSee MDNApplies order styles to the element
flex-child | Sky UI Design System