Column Box
아이템들을 수직으로 배치할 때 사용하는 컨테이너입니다.
Basic
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Name | string | 아이템에 고유한 이름을 설정합니다. | no |
Visible | boolean | 아이템의 표시 여부를 설정합니다. | yes |
Event
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
OnGetVisible | EmailItemVisibleCallback | 아이템의 표시 여부를 변경할 수 있는 이벤트 함수 관련 로직을 설정합니다. | no |
Bound
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Width | number | 아이템의 넓이를 설정합니다. | no |
Align | string | 아이템의 위치를 왼쪽, 가운데, 오른쪽으로 설정합니다. | no |
Data
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Data | string | 아이템에 데이터를 연결합니다. | no |
Box
컬럼 박스에서 사용되는 속성
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Item Gap | number | 컬럼 박스내에 배치되는 아이템들의 간격을 설정합니다. | yes |
Items Horizontal Align | string | 컬럼 박스내에 배치되는 아이템들의 정렬을 왼쪽, 가운데, 오른쪽으로 설정합니다. | no |
Item Gap
컬럼 박스내에 배치되는 아이템들의 간격을 설정합니다.
- 타입: number
- 기본값: 4
Items Horizontal Align
컬럼 박스내에 배치되는 아이템들의 수평 정렬을 설정합니다.
- 타입: Align
- 기본값: undefined
Styles
이름 | 타입 | 설명 | 필수여부 |
---|---|---|---|
Font Family | string | 아이템의 글꼴을 설정합니다. | no |
Font Size | number | 아이템의 텍스트 크기를 설정합니다. | no |
Font Weight | string | 아이템의 텍스트 굵기를 설정합니다. | no |
Color | string | 아이템의 텍스트 색상을 설정합니다. | no |
Background Color | string | 아이템의 배경 색상을 설정합니다. | no |
Padding Left | string | 아이템의 왼쪽 내부 여백을 설정합니다. | no |
Padding Top | string | 아이템의 위쪽 내부 여백을 설정합니다. | no |
Padding Right | string | 아이템의 오른쪽 내부 여백을 설정합니다. | no |
Padding Bottom | string | 아이템의 아래쪽 내부 여백을 설정합니다. | no |
Border | string | 아이템의 테두리를 설정합니다. | no |
Border Left | string | 아이템의 왼쪽 테두리를 설정합니다. | no |
Border Right | string | 아이템의 오른쪽 테두리를 설정합니다. | no |
Border Top | string | 아이템의 위쪽 테두리를 설정합니다. | no |
Border Bottom | string | 아이템의 아래쪽 테두리를 설정합니다. | no |
Border Radius | string | 아이템의 테두리 모서리를 둥글게 설정합니다. | no |
Border Radius Top Left | string | 아이템의 왼쪽 위 모서리를 둥글게 설정합니다. | no |
Border Radius Top Right | string | 아이템의 오른쪽 위 모서리를 둥글게 설정합니다. | no |
Border Radius Bottom Right | string | 아이템의 오른쪽 아래 모서리를 둥글게 설정합니다. | no |
Border Radius Bottom Left | string | 아이템의 왼쪽 아래 모서리를 둥글게 설정합니다. | no |