본문으로 건너뛰기

Flex-item

Flex Item

Flex 컴포넌트 내부에 들어가는 하나의 컴포넌트입니다.

import { FlexItem } from 'hae_on-layout-component';

Props

propsvaluedescription
order?numberFlexItem의 배치 순서를 지정합니다.
grow?CSSProperties['flexGrow']basis 값보다 커질 수 있도록 지정합니다.
shrink?CSSProperties['flexShrink']basis 값보다 작아질 수 있도록 지정합니다.
basis?CSSProperties['flexBasis']FlexItem의 기본 크기를 지정합니다.
alignSelf?CSSProperties['alignSelf']FlexItem의 수직축 방향 정렬을 지정합니다.
children?ReactNodeFlexItem의 자식 컴포넌트입니다.

Example

결과
Loading...
라이브 에디터