Toggle và Slider

1. Toggle

@State private var isOn = false

Toggle("Dark Mode", isOn: $isOn)

Toggle(isOn: $isOn) {
    Label("Notifications", systemImage: "bell")
}

2. Toggle Styles

Toggle("Switch", isOn: $isOn)
    .toggleStyle(.switch)

Toggle("Button", isOn: $isOn)
    .toggleStyle(.button)

Toggle("Checkbox", isOn: $isOn)
    .toggleStyle(.checkbox)  // macOS

3. Tint Color

Toggle("Enable", isOn: $isOn)
    .tint(.green)

4. Slider

@State private var value = 50.0

Slider(value: $value, in: 0...100)

Slider(value: $value, in: 0...100, step: 10)

Slider(value: $value, in: 0...100) {
    Text("Volume")
} minimumValueLabel: {
    Image(systemName: "speaker")
} maximumValueLabel: {
    Image(systemName: "speaker.wave.3")
}

5. Stepper

@State private var quantity = 1

Stepper("Quantity: \(quantity)", value: $quantity, in: 1...10)

Stepper {
    Text("Value: \(count)")
} onIncrement: {
    count += 1
} onDecrement: {
    count -= 1
}

6. Settings Form

Form {
    Section("Preferences") {
        Toggle("Notifications", isOn: $notifications)
        Toggle("Sound", isOn: $sound)
    }

    Section("Display") {
        Slider(value: $brightness, in: 0...1) {
            Text("Brightness")
        }
        Stepper("Font Size: \(fontSize)", value: $fontSize, in: 12...24)
    }
}

---

📝 Tóm tắt

Control	Mục đích
Toggle	On/off switch
Slider	Range selection
Stepper	Increment/decrement