QuickActionCard

Displays a customizable quick action card. <br> Please feel free to use this View in any of your projects! <br><br> Feedback form: https://forms.gle/h21HJ4yxiAg7HaYK8 <br> <br> <br>

<div> <img align="left" src="https://github.com/Leon12345679/QuickActionCard/blob/master/screenshots/IMG_0349.PNG" width="300" alt="darkMode"/> <img src="https://github.com/Leon12345679/QuickActionCard/blob/master/screenshots/IMG_0348.PNG" width="300"alt="withOverlay"/> </div>

Updates

Update 11.11.2019 <br> new overlayUIScreen modifier <br> new cardPadding modifier <br>

Usage Example

struct ContentView: View {
    @State private var quickActionShown: Bool = false

    var body: some View {
        ZStack {
            Button("Show Card") {
                withAnimation {
                     self.quickActionShown.toggle()
                }
            }

            if quickActionShown {
                CardView(isPresented: $quickActionShown) {
//                  Your view to display in the card
                    VStack {
                        Text("Hello World!")
                            .font(.largeTitle)
                        HStack {
                            Text("Feel Free to use this. ")
                            Text("Anywhere...")
                        }

                        Text("🧐")
                            .font(.largeTitle)
                    }
                }

//              Modifiers
                .cardCornerRadius(20)
                .enableHapticFeedback()
                .dismissButton()
            }
        }
    }
}

Current Modifiers

<ul> <li>overlayUIScreen</li> <li>enableHapticFeedback</li> <li>tapToDismiss</li> <li>dismissButton</li> <li>cardCornerRadius</li> <li>cardPadding</li> </ul>

Default Behavior

The card appears with a slide in from bottom transition. <br> The UIScreen overlay appears with an opacity transition (if you use the overlayUIScreen modifier). <br>

Contact Info

You can reach me here: <br> Leon.Vladimirov@gmail.com