Bullseye 레이아웃
Bullseye 레이아웃
Bullseye 레이아웃은 단일 자식 요소를 부모 안에서 가로·세로로 가운데 정렬하는 레이아웃이에요. 콘텐츠 하나를 화면 정중앙에 놓고 싶을 때 사용하면 좋아요.
출처: 문서
본문
예시 (Examples)
기본 (Basic)
Bullseye ◎ 레이아웃
Props
Bullseye
| Name | Type | Default | Description |
|---|---|---|---|
| children | React.ReactNode | null | Bullseye 레이아웃 안에 렌더링되는 콘텐츠 |
| className | string | '' | Bullseye 레이아웃에 추가되는 추가 클래스 |
| component | JSX.IntrinsicElements | 'div' | 렌더링할 기본 컴포넌트를 설정합니다. 기본값은 div |