# SunMoonToggleStyle

**Repository Path**: jerry8679/SunMoonToggleStyle

## Basic Information

- **Project Name**: SunMoonToggleStyle
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2022-03-08
- **Last Updated**: 2022-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# SunMoonToggleStyle

A custom SwiftUI `ToggleStyle` for switching between light and dark mode.

![SunMoonToggleStyle](Resources/SunMoon.gif)

## How-to

1. First, **File** → **Swift Packages** → **Add Package Dependancy...**
2. Then, paste the repo link **https://github.com/puthnith/SunMoonToggleStyle**, then click **Next** and **Finish**
3. Now add `import SunMoonToggleStyle`
4. And use it as `Toggle(...).toggleStyle(SunMoonToggleStyle())`

## Example

```swift
struct ContentView: View {
  @State private var isOn: Bool = false

  var body: some View {
    VStack {
      Toggle(isOn: $isOn, label: label)
        .toggleStyle(SunMoonToggleStyle())
    }
    .padding()
  }

  func label() -> Text {
    isOn ? Text("Moon") : Text("Sun")
  }
}
```

## Dribbble

Inspired by [Dribbble - Light / Dark mode toggle switcher](https://dribbble.com/shots/7635203-Light-Dark-mode-toggle-switcher#shot-description)