{"id":31916903,"url":"https://github.com/devstacklimited/floatinglabeltextfield","last_synced_at":"2025-10-13T20:15:09.145Z","repository":{"id":318725691,"uuid":"1074489650","full_name":"devstacklimited/FloatingLabelTextField","owner":"devstacklimited","description":"A lightweight SwiftUI library that provides a customizable floating label text field with outlined border, secure password toggle (eye icon), and Material Design–inspired style. Supports iOS 14+ and Swift Package Manager.","archived":false,"fork":false,"pushed_at":"2025-10-12T19:57:45.000Z","size":16,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2025-10-12T23:02:45.700Z","etag":null,"topics":["customtextfield","floatinglabelinput","floatinglabeltextfield","floatinglabeltextfieldswiftui","swift","swiftui"],"latest_commit_sha":null,"homepage":"","language":"Swift","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/devstacklimited.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-10-11T22:20:48.000Z","updated_at":"2025-10-12T20:02:24.000Z","dependencies_parsed_at":"2025-10-12T23:02:47.760Z","dependency_job_id":"89a3e556-875a-489f-a96e-77b1d5009e78","html_url":"https://github.com/devstacklimited/FloatingLabelTextField","commit_stats":null,"previous_names":["devstacklimited/floatinglabeltextfield"],"tags_count":2,"template":false,"template_full_name":null,"purl":"pkg:github/devstacklimited/FloatingLabelTextField","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devstacklimited%2FFloatingLabelTextField","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devstacklimited%2FFloatingLabelTextField/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devstacklimited%2FFloatingLabelTextField/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devstacklimited%2FFloatingLabelTextField/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/devstacklimited","download_url":"https://codeload.github.com/devstacklimited/FloatingLabelTextField/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/devstacklimited%2FFloatingLabelTextField/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279016939,"owners_count":26085906,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-13T02:00:06.723Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["customtextfield","floatinglabelinput","floatinglabeltextfield","floatinglabeltextfieldswiftui","swift","swiftui"],"created_at":"2025-10-13T20:14:55.214Z","updated_at":"2025-10-13T20:15:09.130Z","avatar_url":"https://github.com/devstacklimited.png","language":"Swift","funding_links":[],"categories":[],"sub_categories":[],"readme":"# FloatingLabelTextField\n\nA lightweight and customizable **SwiftUI text field with a floating label**.  \nThis package provides a Material Design–inspired floating label input field for iOS, making form UIs clean, modern, and user-friendly.\n\n---\n\n\n## ✨ Features\n\n- ✅ Floating label with customizable font and color  \n- ✅ Secure text entry with **show/hide password** toggle  \n- ✅ Fully customizable:\n  - Height  \n  - Corner radius  \n  - Border color and width  \n  - Label font and color  \n  - Text font  \n- ✅ Supports **iOS 14+**  \n- ✅ Swift Package Manager support  \n\n---\n\n\n\n## 📦 Installation\n\n### Swift Package Manager\n\nYou can add **FloatingLabelTextField** to your project in **two ways**:\n\n1. **Xcode**  \n   - Go to `File \u003e Add Packages...`  \n   - Enter the URL of this repo:  \n\n     ```\n     https://github.com/devstacklimited/FloatingLabelTextField.git\n     ```\n\n   - Select the version rule and finish.\n\n2. **Package.swift**  \n\n   ```swift\n   dependencies: [\n       .package(url: \"https://github.com/devstacklimited/FloatingLabelTextField.git\", from: \"1.0.0\")\n   ]```\n\n\n\n## 🚀 Usage\n\n```swift\nimport SwiftUI\nimport FloatingLabelTextField\n\nstruct ContentView: View {\n    @State private var username: String = \"\"\n    @State private var password: String = \"\"\n    \n    var body: some View {\n        VStack(spacing: 20) {\n            // Normal TextField\n            FloatingLabelTextField(\n                label: \"Username\",\n                text: $username,\n                placeholder: \"Enter your username\",\n                labelColor: .gray,\n                borderColor: .blue,\n                labelFont: .system(size: 14, weight: .medium),\n                textFont: .system(size: 16)\n            )\n            \n            // Secure TextField with toggle\n            FloatingLabelTextField(\n                label: \"Password\",\n                text: $password,\n                placeholder: \"Enter your password\",\n                isSecure: true,\n                labelColor: .gray,\n                borderColor: .red,\n                labelFont: .system(size: 14, weight: .medium),\n                textFont: .system(size: 16)\n            )\n        }\n        .padding()\n    }\n}\n```\n\n\n\n## ⚙️ Parameters\n\n| Parameter            | Type                           | Default             | Description                   |\n| -------------------- | ------------------------------ | ------------------- | ----------------------------- |\n| `label`              | `String`                       | —                   | Floating label text           |\n| `text`               | `Binding\u003cString\u003e`              | —                   | Bound text value              |\n| `placeholder`        | `String?`                      | `nil`               | Placeholder text              |\n| `isSecure`           | `Bool`                         | `false`             | Enables secure entry + toggle |\n| `labelColor`         | `Color`                        | `.black`            | Floating label text color     |\n| `keyboardType`       | `UIKeyboardType`               | `.default`          | Keyboard type                 |\n| `autocapitalization` | `TextInputAutocapitalization?` | `.sentences`        | Autocapitalization mode       |\n| `height`             | `CGFloat`                      | `48`                | Field height                  |\n| `cornerRadius`       | `CGFloat`                      | `8`                 | Border corner radius          |\n| `borderColor`        | `Color`                        | `.primary`          | Border color                  |\n| `borderWidth`        | `CGFloat`                      | `1`                 | Border width                  |\n| `labelFont`          | `Font`                         | `.system(size: 12)` | Label font                    |\n| `textFont`           | `Font`                         | `.system(size: 16)` | Input text font               |\n\n\n\n## 🛠️ Example Preview\nHere’s how it looks with default values:\n\n\u003cimg src=\"https://via.placeholder.com/500x150.png?text=FloatingLabelTextField+Preview\" alt=\"Preview\" width=\"500\"/\u003e\n\n\n\n## 💡 Contributing\nContributions, issues, and feature requests are welcome!\nIf you use this library and like it, **don’t forget to star the repo** ⭐️. It helps the project grow and reach more developers.\n\n\n\n## 📝 License\nFloatingLabelTextField is available under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevstacklimited%2Ffloatinglabeltextfield","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdevstacklimited%2Ffloatinglabeltextfield","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdevstacklimited%2Ffloatinglabeltextfield/lists"}