Layout
Center
자식 요소를 수평/수직 중앙에 배치하는 컴포넌트.
개요
Center는 자식 요소를 수평, 수직 모두 가운데에 배치하는 컴포넌트입니다. display: flex, align-items: center, justify-content: center가 기본 적용됩니다.
Usage
import { Center, Box } from '@featuring-corp/components';
<Center $css={{ width: '300px', height: '200px', bgColor: '$background-2', rounded: '$radius-200' }}>
<Box>Centered content</Box>
</Center>;Props
Box의 모든 Props를 그대로 상속합니다. 별도의 추가 프롭 없이 $css prop으로 스타일을 지정합니다.
Prop
Type