문서
email
이메일 아이템
컨테이너
컬럼박스

Column Box

아이템들을 수직으로 배치할 때 사용하는 컨테이너입니다.

columnbox-item-sample

Basic

이름타입설명필수여부
Namestring아이템에 고유한 이름을 설정합니다.no
Visibleboolean아이템의 표시 여부를 설정합니다.yes

Event

이름타입설명필수여부
OnGetVisibleEmailItemVisibleCallback아이템의 표시 여부를 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다.no

Bound

이름타입설명필수여부
Widthnumber아이템의 넓이를 설정합니다.no
Alignstring아이템의 위치를 왼쪽, 가운데, 오른쪽으로 설정합니다.no

Data

이름타입설명필수여부
Datastring아이템에 데이터를 연결합니다.no

Box

컬럼 박스에서 사용되는 속성

이름타입설명필수여부
Item Gapnumber컬럼 박스내에 배치되는 아이템들의 간격을 설정합니다.yes
Items Horizontal Alignstring컬럼 박스내에 배치되는 아이템들의 정렬을 왼쪽, 가운데, 오른쪽으로 설정합니다.no

Item Gap

컬럼 박스내에 배치되는 아이템들의 간격을 설정합니다.

  • 타입: number
  • 기본값: 4

Items Horizontal Align

컬럼 박스내에 배치되는 아이템들의 수평 정렬을 설정합니다.

  • 타입: Align
  • 기본값: undefined

Styles

이름타입설명필수여부
Font Familystring아이템의 글꼴을 설정합니다.no
Font Sizenumber아이템의 텍스트 크기를 설정합니다.no
Font Weightstring아이템의 텍스트 굵기를 설정합니다.no
Colorstring아이템의 텍스트 색상을 설정합니다.no
Background Colorstring아이템의 배경 색상을 설정합니다.no
Padding Leftstring아이템의 왼쪽 내부 여백을 설정합니다.no
Padding Topstring아이템의 위쪽 내부 여백을 설정합니다.no
Padding Rightstring아이템의 오른쪽 내부 여백을 설정합니다.no
Padding Bottomstring아이템의 아래쪽 내부 여백을 설정합니다.no
Borderstring아이템의 테두리를 설정합니다.no
Border Leftstring아이템의 왼쪽 테두리를 설정합니다.no
Border Rightstring아이템의 오른쪽 테두리를 설정합니다.no
Border Topstring아이템의 위쪽 테두리를 설정합니다.no
Border Bottomstring아이템의 아래쪽 테두리를 설정합니다.no
Border Radiusstring아이템의 테두리 모서리를 둥글게 설정합니다.no
Border Radius Top Leftstring아이템의 왼쪽 위 모서리를 둥글게 설정합니다.no
Border Radius Top Rightstring아이템의 오른쪽 위 모서리를 둥글게 설정합니다.no
Border Radius Bottom Rightstring아이템의 오른쪽 아래 모서리를 둥글게 설정합니다.no
Border Radius Bottom Leftstring아이템의 왼쪽 아래 모서리를 둥글게 설정합니다.no