View

struct Card: View {
    let title: String
    var body: some View {
        VStack(alignment: .leading) {
            Text(title).font(.headline)
            Text("subtitle").foregroundStyle(.secondary)
        }
        .padding()
        .background(.regularMaterial, in: .rect(cornerRadius: 12))
    }
}

Text("A").padding().background(.red)
  → Background<Padding<Text>>

Text("A").padding().background(.red)   // 余白も赤くなる
Text("A").background(.red).padding()   // 文字の周りだけ赤い

親が子に「使える大きさ」を提示する
   ↓
子が「自分はこの大きさが欲しい」と返す
   ↓
親が子を配置する