Skip to content

🔢 MIPinCodeView is a flexible SwiftUI component for creating customizable PIN code input fields with various styles and options.

License

Notifications You must be signed in to change notification settings

markhorix/MIPinCodeView

Repository files navigation

MIPinCodeView

MIPinCodeView is a customizable SwiftUI component for creating a PIN code input view with various styling options. It supports boxed, circle, and underlined styles, as well as secure input, custom colors, and rounded corners.

Demo

Features

  • Different styles: boxed, circle, and underlined
  • Show/hide PIN option for secure input
  • Custom background and text colors
  • Rounded corners option
  • Easily configurable PIN length

Installation

Swift Package Manager

To integrate MIPinCodeView into your project, use the Swift Package Manager:

  1. Open your project in Xcode.
  2. Go to File > Add Packages....
  3. Enter the repository URL: https://github.com/markhorix/MIPinCodeView.git.
  4. Select the latest version and add the package to your project.

Usage

To use MIPinCodeView in your SwiftUI project, follow these steps:

  1. Import the package:

    import MIPinCodeView
  2. Add the MIPinCodeView to your view:

    struct ContentView: View { @State private var pin: String = "" var body: some View { MIPinCodeView( pin: $pin, length: 4, isSecure: true, style: .boxed, backgroundColor: .gray, textColor: .black, cornerRadius: 8, width: 40, height: 40, keyboardType: .numberpad ) } }

Customization

MIPinCodeView provides several customization options:

  • length: The length of the PIN (default is 4).
  • isSecure: Toggle secure input (default is true).
  • style: The style of the PIN view (boxed, circle, underlined).
  • backgroundColor: The background color of each PIN character view.
  • textColor: The text color of each PIN character.
  • cornerRadius: The corner radius for boxed style.
  • width: The width of each PIN character view.
  • height: The height of each PIN character view.
  • spacing: The spacing between each PIN character view.
  • keyboardType: The Keyboard Type for PIN Code View.

Example

MIPinCodeView( pin: $pin, length: 6, isSecure: false, style: .circle, backgroundColor: .blue, textColor: .white, cornerRadius: 12 width: 40, height: 40, keyboardType: .numberpad )

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

🔢 MIPinCodeView is a flexible SwiftUI component for creating customizable PIN code input fields with various styles and options.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages