GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects β†’ changemin β†’ TagField

changemin / TagField

Licence: MIT License
🏷 Simple Tag Field for SwiftUI 🏷

Programming Languages

swift
15916 projects

Labels

animationmaterial-uitagfieldspmswiftui

Projects that are alternatives of or similar to TagField

Columbus
A feature-rich country picker for iOS, tvOS and watchOS.
Stars: ✭ 23 (+21.05%)
Mutual labels:  spm, swiftui
NetworkAgent
This package is meant to make http request of an easy way inspiren in the architecture of Moya package. This package is 100% free of dependencies and works with Combine api + Codable
Stars: ✭ 16 (-15.79%)
Mutual labels:  spm, swiftui
SwiftUIKit
A collection of missing SwiftUI components
Stars: ✭ 198 (+942.11%)
Mutual labels:  spm, swiftui
SwiftDown
πŸ“¦ A themable markdown editor component for your SwiftUI apps.
Stars: ✭ 203 (+968.42%)
Mutual labels:  spm, swiftui
material-chip-view
Material Chip view. Can be used as tags for categories, contacts or creating text clouds
Stars: ✭ 1,300 (+6742.11%)
Mutual labels:  material-ui, tag
OMJoystick
This is the JoyStick UI library for SwiftUI.
Stars: ✭ 15 (-21.05%)
Mutual labels:  spm, swiftui
Materialchipview
Material Chip view. Can be used as tags for categories, contacts or creating text clouds
Stars: ✭ 1,181 (+6115.79%)
Mutual labels:  material-ui, tag
SwiftUIKit
πŸ“± UIKit code that is fun to write
Stars: ✭ 71 (+273.68%)
Mutual labels:  spm, swiftui
column-text-view-ui
πŸ“„ Column Text View is an adaptive UI component that renders text in columns, horizontally [iOS 12, UIKit, TextKit, SwiftUI].
Stars: ✭ 11 (-42.11%)
Mutual labels:  spm, swiftui
ColorUp
An easy way to generate strongly typed Swift extensions for either UIColor or Color based off of your colors within the project's asset catalog.
Stars: ✭ 16 (-15.79%)
Mutual labels:  swiftui
max-todos
A basic Todo app developed in React.
Stars: ✭ 19 (+0%)
Mutual labels:  material-ui
boilerplate-electron-material-ui-react
Boilerplate for Electron with React and Material UI
Stars: ✭ 21 (+10.53%)
Mutual labels:  material-ui
IndieApps
A platform to showcase your side projects/apps
Stars: ✭ 23 (+21.05%)
Mutual labels:  swiftui
React-GitHub-Resume
React SPA that generates users GitHub resumé. showing information if available. showing users repositories if available with additional information.
Stars: ✭ 37 (+94.74%)
Mutual labels:  material-ui
SWoT
A web application for designing, tracking, and reporting progress on workouts. Written in JavaScript with React, Redux, Material UI, and hosted by a serverless AWS backend.
Stars: ✭ 14 (-26.32%)
Mutual labels:  material-ui
PathBuilder
SwiftUI result builder for Path
Stars: ✭ 48 (+152.63%)
Mutual labels:  swiftui
SettingsAppInSwiftUI
I have recreated a Settings App in iPhoneXR using SwiftUI concepts such as Form,Section,Toggle,Picker,Stack..etc
Stars: ✭ 37 (+94.74%)
Mutual labels:  swiftui
react-quiz-app
A Simple React Quiz App πŸ’Ž
Stars: ✭ 37 (+94.74%)
Mutual labels:  material-ui
soloalert
A customizable lightweight Alert Library with Material UI and awesome features.
Stars: ✭ 18 (-5.26%)
Mutual labels:  material-ui
StickerLayout
sticker layout,ε›Ύη‰‡ηΌ©ζ”Ύζ‹–εŠ¨γ€‚εœ¨ε›Ύη‰‡δΈŠζ‰“ε›Ύζ ‡ε’Œζ–‡ε­—ζ ‡η­Ύ
Stars: ✭ 15 (-21.05%)
Mutual labels:  tag
View All Similar Projects βž”

🏷 SwiftUI TagField 🏷

License Release

πŸ“Ή Preview

🏁 Getting Started

Requirements

  • Xcode 11+
  • SwiftUI
  • iOS 14+
  • macOS 10.15+

Installaion

Swift Package Manager(SPM)

File ➜ Swift Packages ➜ Add Package Dependancy..

.package(url: "https://github.com/Changemin/TagField", from: "1.1.0")

🎈Usage

TagField(tags: $tags, placeholder: "Add Tags..")
TagField(tags: $tags, placeholder: "Add Tags..", prefix: "#")
TagField(tags: $tags, placeholder: "Add Tags..", prefix: "#", color: color, style: .Modern, lowercase: bool)
  • tags : Binding<String> that stores tags data
  • placeholder: placeholder text before add tags
  • prefix : prefix attached to each tags
  • color : accentColor
  • style : TagFieldStyle ➜ .Modern, .RoundedBorder, .Multilined

πŸ› Custom Modifiers

TagField(tags: $tags, placeholder: "Add Tags..")
    .accentColor(color)
    .styled(TagFieldStyle)
    .lowercase(Bool)
  • .accentColor() : Accent color
  • .styled() : .RoundedBorder(default) .Modern .Multilined(on progress) support different designs
  • .lowercase : enable force lowercase

Example

πŸ‘Ά Simple

import TagField

struct ContentView: View {
    @State var tags: [String] = []
    
    var body: some View {
        TagField(tags: $tags, placeholder: "Add Tags..")
            .padding()
    }
}

Result

Styling

import TagField

struct ContentView: View {
    @State var tags: [String] = []
    
    var body: some View {
        TagField(tags: $tags, placeholder: "Add Tags..", prefix: "#")
            .styled(.Modern)
            .accentColor(.red)
            .lowercase(true)
            .padding()
    }
}

Result

βœ… TODO

  • Multilined style

πŸ“œ License

TagField is available under the MIT license. See the LICENSE file for more info.

✍️ Author

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].