Flex

플렉스박스 레이아웃을 쉽게 구현할 수 있는 컨테이너 컴포넌트입니다. Box 컴포넌트를 확장하여 플렉스 관련 기능을 제공합니다.

Examples


Direction

플렉스 컨테이너의 주축 방향을 설정하여 항목들의 배치 방향을 제어할 수 있습니다.

Props Table


Flex

자식을 flexbox로 배치하는 컨테이너. 방향, 정렬, 간격을 직접 지정해야 하는 1차원 레이아웃에 사용하세요. <div> 요소로 렌더링됩니다.

PropDefaultType
className?
-
stringfunction
inline?
-
boolean
style?
-
React.CSSPropertiesfunction
render?
-
ReactElementfunction

On this page