Spacing

UI 요소 간의 간격(gap, padding)을 정의하는 시스템

enum Spacing

Overview

Spacing은 Montage 디자인 시스템에서 UI 요소 간의 일관된 간격을 제공하기 위한 규격화된 값들을 정의합니다.

// UIKit
view.layoutMargins = UIEdgeInsets(
    top: .spacing16, left: .spacing16, bottom: .spacing16, right: .spacing16
)

// SwiftUI
Text("Hello, World!")
    .padding(.horizontal, .spacing24)
    .padding(.vertical, .spacing16)

Note

간격 이름의 숫자는 포인트 단위의 실제 간격 값을 나타냅니다. 예를 들어 spacing16은 16포인트의 간격을 의미합니다.

실제 값은 CGFloat.spacing{N} 정적 프로퍼티로 노출됩니다. 이 타입은 문서 그룹핑 용도의 빈 네임스페이스입니다.

Topics

Type Properties

static let allValues: [CGFloat]

정의된 모든 spacing 토큰 값(오름차순).

Discussion

컴포넌트가 토큰에 스냅하거나 최대/최소 토큰을 동적으로 도출할 때 사용한다. 토큰이 추가/삭제되면 이 배열만 갱신하면 사용처가 자동으로 반영된다.

static var max: CGFloat

정의된 spacing 토큰 중 최대값.

static var min: CGFloat

정의된 spacing 토큰 중 최소값.