DTTextField - SwiftGit

Textfield

DTTextField

October 23, 2023

Introduction

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

Floating placeholder inspired from JVFloatLabeledTextField 👍.

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

Open a storyboard or Xib file.
Drag and drop a UITextField to a ViewController.
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.

GitHub

View Github

#animation #awesemetextfield #carthage #cocoapods #currencytextfield #customtextfield #customwidgets #facetedsearch #geosearch #growingtextview #instantsearch #interfacebuilder #ios #ioslibrary #opensource #passwordtextfield #search #searchengine #searchinterface #searchsynonyms #styledtext #swift #swiftpackagemanager #textexpansion #textfield #texture #textview #tjtextfield #ui #uikit #uitextfield #uitextfieldnavigation #uitextview #widgets #xcode

YOU MIGHT ALSO LIKE...

July 28, 2025
SwiftUI
Uncategorized

NavigationView Logo

July 28, 2025
SwiftUI

Helm

Helm is a declarative, graph-based routing library for SwiftUI. It fully describes all the navigation flows in an app and ...

July 28, 2025
SwiftUI

SwiftUI Router Router

Router Router is a library that assists with SwiftUI view transitions. Installation

July 26, 2025
SwiftUI

🧭 NavigationKit

NavigationKit is a lightweight library which makes SwiftUI navigation super easy to use. 💻 Installation 📦 Swift Package Manager Using Swift Package Manager, add ...

July 26, 2025
SwiftUI

swiftui-navigation-stack

An alternative SwiftUI NavigationView implementing classic stack-based navigation giving also some more control on animations and programmatic navigation. NavigationStack Installation ...