Container
core최대 너비 제약과 중앙 정렬을 제공하는 래퍼. 페이지 콘텐츠 폭 제한용.
100%
기본 사용
maxWidth="sm"
maxWidth="md"
maxWidth="lg"
maxWidth="xl"
테스트 커버리지
2026년 2월 4일생성된 테스트 결과를 찾지 못했습니다.
Container 항목이 문서 메타에 연결되어 있지만 현재 생성 파일에는 없습니다.
테스트를 추가한 뒤 `bun run generate:test-results`를 실행하거나 `testDescribe` 매핑을 다시 확인하세요.
Container Props
| Prop | 타입 | 기본값 | 설명 |
|---|---|---|---|
children* | ReactNode | — | 래핑할 콘텐츠 |
maxWidth | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "xl" | 최대 너비 크기 |
center | boolean | true | 중앙 정렬 여부 (mx-auto) |
className | string | — | 커스텀 CSS 클래스 |
Import
tsx
import { Container } from "@reopt-ai/opt-ui";