Layout
Flex

Flex

  • CSS Flexbox를 사용하여 자식 컴포넌트들을 유연하게 배열하는 컴포넌트입니다.
  • direction, justify, align 프로퍼티로 통해 배열 방향과 정렬을 조절할 수 있습니다.
  • gap 속성을 통해 자식 컴포넌트 간의 간격을 조절할 수 있습니다.
  • wrap 속성을 통해 자식 컴포넌트 요소의 크기에 따른 줄바꿈을 설정할 수 있습니다.
  • CSS properties 객체를 전달하여 스타일링할 수 있습니다.
1
2
3
<Flex direction="column" gap={10}>
  <div>Content 1</div>
  <div>Content 2</div>
  <div>Content 3</div>
</Flex>
ContainerGrid