ProductPromotion
Logo

Swift

made by https://0x3d.site

GitHub - iDhaval/DTTextField: DTTextField is a custom textfield with floating placeholder and error label
DTTextField is a custom textfield with floating placeholder and error label - iDhaval/DTTextField
Visit Site

GitHub - iDhaval/DTTextField: DTTextField is a custom textfield with floating placeholder and error label

GitHub - iDhaval/DTTextField: DTTextField is a custom textfield with floating placeholder and error label

DTTextField

Version License Awesome Platform Xcode

Demo

Introduction

DTTextField is a UITextField library with floating placeholder and error label.

Floating placeholder inspired from JVFloatLabeledTextField :+1:.

Example

Clone the repo and run the example project from the Example directory.

Requirements

  • Xcode 11.0+
  • Swift 5.0+

Installation

CocoaPods

DTTextField is available through CocoaPods. To install it, simply add the following line to your Podfile:

pod 'DTTextField'

Swift Package Manager

Click File -> Add Packages..., enter DTTextField repo's URL.

https://github.com/iDhaval/DTTextField

Usage

  1. Open a storyboard or Xib file.
  2. Drag and drop a UITextField to a ViewController.
  3. In Identity Inspector, replace the class from UITextField to DTTextField and the module to DTTextField.

Properties

Property name Type Remark
errorMessage String Add your error message to this property
errorFont UIFont Change font of error text
errorTextColor UIColor Change color of error text
paddingYErrorLabel CGFloat Error text top padding
floatPlaceholderColor UIColor To change float placeholder color
floatPlaceholderActiveColor UIColor To change float placeholder color while TextField is active(First responder)
floatPlaceholderFont UIFont Change font of float placeholder
paddingYFloatLabel CGFloat float placeholder top padding
placeholderColor UIColor change placeholder color
animateFloatPlaceholder Bool animate float placeholder label
hideErrorWhenEditing Bool hide error label when typing
floatingDisplayStatus enum maintain display status always, never, defaults

Important Properties

Property name Type Remark
dtLayer CALayer If you want to formate DTTextField than use dtLayer property instead of layer (e.g. background color)
borderColor UIColor Change border color of DTTextField
canShowBorder Bool Toggle border of DTTextField
dtborderStyle enum none, rounded , sqare , top , bottom , left , right

Methods

Method Name Remark
showError to show error message
hideError to hide error message

Note

Don't give height constraint to DTTextField otherwise it won't work properly.

TODO

  • Add inbuilt validation

Author

Dhaval Thanki :sunglasses:

License

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

More Resources
to explore the angular.

mail [email protected] to add your project or resources here ๐Ÿ”ฅ.

Related Articles
to learn about angular.

FAQ's
to learn more about Angular JS.

mail [email protected] to add more queries here ๐Ÿ”.

More Sites
to check out once you're finished browsing here.

0x3d
https://www.0x3d.site/
0x3d is designed for aggregating information.
NodeJS
https://nodejs.0x3d.site/
NodeJS Online Directory
Cross Platform
https://cross-platform.0x3d.site/
Cross Platform Online Directory
Open Source
https://open-source.0x3d.site/
Open Source Online Directory
Analytics
https://analytics.0x3d.site/
Analytics Online Directory
JavaScript
https://javascript.0x3d.site/
JavaScript Online Directory
GoLang
https://golang.0x3d.site/
GoLang Online Directory
Python
https://python.0x3d.site/
Python Online Directory
Swift
https://swift.0x3d.site/
Swift Online Directory
Rust
https://rust.0x3d.site/
Rust Online Directory
Scala
https://scala.0x3d.site/
Scala Online Directory
Ruby
https://ruby.0x3d.site/
Ruby Online Directory
Clojure
https://clojure.0x3d.site/
Clojure Online Directory
Elixir
https://elixir.0x3d.site/
Elixir Online Directory
Elm
https://elm.0x3d.site/
Elm Online Directory
Lua
https://lua.0x3d.site/
Lua Online Directory
C Programming
https://c-programming.0x3d.site/
C Programming Online Directory
C++ Programming
https://cpp-programming.0x3d.site/
C++ Programming Online Directory
R Programming
https://r-programming.0x3d.site/
R Programming Online Directory
Perl
https://perl.0x3d.site/
Perl Online Directory
Java
https://java.0x3d.site/
Java Online Directory
Kotlin
https://kotlin.0x3d.site/
Kotlin Online Directory
PHP
https://php.0x3d.site/
PHP Online Directory
React JS
https://react.0x3d.site/
React JS Online Directory
Angular
https://angular.0x3d.site/
Angular JS Online Directory