How to use the spacing property

[CalebKierum]

How do you use the spacing property? I tried the following but the buttons are still touching each other

WrappingHStack(spacing: .constant(20.0)) {
    ForEach(0..<10, id: \.self) { index in
        Button("\(index)") {
        }.padding()
            .background(.blue)
            .foregroundStyle(.white)
            .clipShape(Capsule())
    }
}

Am I using it wrong?

[dkk]

ForEach should be used when you want it to be handled as a single element. If you want each element of the ForEach to be seen as a different element by WrappingHStack, just exchange the ForEach keyword with WrappingHStack. Like this:

 WrappingHStack(spacing: .constant(20.0)) {
    WrappingHStack(0 ..< 10, id: \.self) { index in
                Button("\(index)") { }
                    .padding()
                    .background(.blue)
                    .foregroundStyle(.white)
                    .clipShape(Capsule())
    }
}