본문으로 건너뛰기

컨테이너

여러개의 컴포넌트를 하나로 묶어서 관리할 수 있습니다.

Container 컴포넌트 프로퍼티

프로퍼티타입설명
이름 (name)string컨테이너 컴포넌트의 고유 이름
React Children (children)ReactNodeContainerHeader, ContainerContent, ContainerFooter 필요

ContainerHeader 컴포넌트 프로퍼티

프로퍼티타입설명
React Children (children)ReactNode컨테이너 헤더에 들어갈 컴포넌트들

ContainerContent 컴포넌트 프로퍼티

프로퍼티타입설명
세로 길이 (height)string고정 세로 길이 (코드 입력 가능)
React Children (children)ReactNode컨테이너 내용에 들어갈 컴포넌트들

ContainerFooter 컴포넌트 프로퍼티

프로퍼티타입설명
React Children (children)ReactNode컨테이너 푸터에 들어갈 컴포넌트들

이름 (name)

컨테이너 컴포넌트의 고유 이름을 입력할 수 있는 프로퍼티입니다. 이름 규칙을 참고해주세요.

헤더

컨테이너 컴포넌트의 제목과 설명을 입력할 수 있는 프로퍼티입니다.

푸터

컨테이너 컴포넌트의 푸터를 표시할 수 있습니다.

기타

마우스로 컨테이너의 오른쪽 테두리를 드래그하면 컨테이너 컴포넌트의 너비를 조정할 수 있습니다.

컨테이너의 높이를 고정할 수 있습니다.

높이를 고정하지 않으면 컨테이너 내부 컴포넌트 크기에 맞추어 높이가 길어집니다.