DTTextField
  • December 2, 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


  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.

GitHub


View Github

#swift #uitextfield #xcode
YOU MIGHT ALSO LIKE...
SwiftSpeech

Recognize your user's voice elegantly without having to figure out authorization and audio engines. SwiftSpeech Examples Features Installation Getting Started ...

SwiftUIValueSlider

Example To run the example project, clone the repo, and run pod install from the Example directory first. Requirements iOS 14.0 Installation ...

Sliders

Sliders is a compilation of all my stylable drag based SwiftUI components. It provides a variety of unique controls as well ...

SlidingRuler

SlidingRuler is a Swift package containing a SwiftUI control that acts like an linear infinite slider or a finite, more precise ...

Skeletonui

SkeletonUI aims to bring an elegant, declarative syntax to skeleton loading animations. Get rid of loading screens or spinners and ...