layout/DSContainer

DSContainer

layout
since v1.0

Max-width content wrapper with automatic horizontal padding.

iOS 17+macOS 14+

Purpose

Constrain content width on large screens (macOS, iPad landscape).

Props

PropTypeDefaultDescription
maxWidthCGFloat960Maximum content width.
paddingCGFloatDSSpacing.xlHorizontal padding.
contentreqViewBuilderโ€”Container content.

Examples

Page container

Constrained layout for a settings page.

swift
DSContainer(maxWidth: 720) {
    DSSection("Account") {
        DSSettingsRow(icon: "person", title: "Profile") { navigate(.profile) }
        DSSettingsRow(icon: "lock",   title: "Security") { navigate(.security) }
    }
}

Related Components