본문으로 건너뛰기

모달

오버레이되는 별도의 화면을 통해 여러개의 컴포넌트를 구성할 수 있습니다.

프로퍼티타입설명
이름 (name)string모달 컴포넌트의 고유 이름
너비 (width)string모달 컴포넌트의 너비
React Children (children)ReactNodeModalHeader, ModalContent, ModalFooter 필요

ModalHeader 컴포넌트 프로퍼티

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

ModalContent 컴포넌트 프로퍼티

프로퍼티타입설명
React Children (children)ReactNode모달 내용에 들어갈 컴포넌트들

ModalFooter 컴포넌트 프로퍼티

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

이름 (name)

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

너비 (width)

모달 컴포넌트의 너비를 설정할 수 있는 프로퍼티입니다.

다음과 같은 옵션 중에 선택할 수 있습니다.

  • 매우 작음 (540px)
  • 작음 (720px)
  • 중간 (900px, 기본)
  • 큼 (1080px)
  • 매우 큼 (1260px)
  • 전체화면 (100% - 160px)

헤더

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

푸터

모달 컴포넌트의 푸터를 표시할 수 있습니다.