Grid-item
Grid Item
Grid 컴포넌트 내부에 들어가는 하나의 컴포넌트입니다.
import { GridItem } from 'hae_on-layout-component';
Props
| props | value | description |
|---|---|---|
| area? | string | GridItem의 영역을 정의합니다. |
| row? | number / 'auto' | GridItem의 행 수를 지정합니다. |
| col? | number / 'auto' | GridItem의 열 수를 지정합니다. |
| rowStart? | number / 'auto' | GridItem의 행이 시작하는 위치를 지정합니다. |
| rowEnd? | number / 'auto' | GridItem의 행이 끝나는 위치를 지정합니다. |
| colStart? | number / 'auto' | GridItem의 열이 시작하는 위치를 지정합니다. |
| colEnd? | number / 'auto' | GridItem의 열이 끝나는 위치를 지정합니다. |
| width? | string | GridItem의 너비를 지정합니다. |
| height? | string | GridItem의 높이를 지정합니다. |
| backgroundColor? | string | GridItem의 배경 색상입니다. |
| children? | ReactNode | GridItem의 자식 컴포넌트입니다. |
Example
결과
Loading...
라이브 에디터