Skip to main content

Flexbox System Props

Flex Layout 관련 스타일을 지정할 수 있는 Prop입니다.

Flexbox Props

속성타입설명크로스플랫폼 지원
flexGrownumberflex-grow
flexShrinknumberflex-shrink
flexBasisstringflex-basis
flexDirectioncolumn-reverse, column, row-reverse, rowflex-direction
flexWrapnowrap, wrap-reverse, wrapflex-wrap
alignContentstretch, center, flex-start, flex-end, space-betweenalign-content
alignItemsstretch, center, flex-start, flex-endalign-items
alignSelfauto,stretch, center, flex-start, flex-endalign-self
justifyContentstretch, center, flex-start, flex-end, space-betweenjustify-content
justifyItemsstretch, center, flex-start, flex-endjustify-items
justifySelfauto, stretch, center, flex-start, flex-endjustify-self
ordernumberflex layout 아이템 배치의 순서를 설정합니다Web Only
rowGapnumberflex layout 아이템의 수직 간격을 설정합니다Web Only
columnGapnumberflex layout 아이템의 수평 간격을 설정합니다Web Only
Previous
Elevation System Props