Flex
Flex
Flex 레이아웃을 생성하기 위한 컴포넌트입니다.
import { Flex } from 'hae_on-layout-component';
Props
| props | value | description |
|---|---|---|
| direction? | CSSProperties['flexDirection'] | Flex의 배치 방향을 설정합니다. |
| wrap? | CSSProperties['flexWrap'] | Flex의 줄넘김 처리 설정합니다. |
| justify? | CSSProperties['justifyContent'] | Flex의 메인축 방향 정렬을 지정합니다. |
| align? | CSSProperties['alignItems'] | Flex의 수직축 방향 정렬을 지정합니다. |
| gap? | number | Flex의 콘텐츠 사이 간격을 지정합니다. |
| width? | CSSProperties['width'] | Flex의 너비를 지정합니다. |
| height? | CSSProperties['height'] | Flex의 높이를 지정합니다. |
| children? | ReactNode | Flex의 자식 컴포넌트입니다. |
Example
결과
Loading...
라이브 에디터