A triangle shaped corner label view for iOS written in Swift.

  • This view is a subclass of UIView.
  • It can be created and customized from the Storyboard or from the code.

TriLabelView TriLabelView

Setup with CocoaPods

If you are using CocoaPods add this text to your Podfile and run pod install.

target 'Your target name'
pod 'TriLabelView'

Or Add source

Simply add TriLabelView.swift file to you project.


Creating a view from the code

let triLabelView = TriLabelView(frame:CGRect)


// Change Text
triLabelView.labelText = "NEW"

// Adjust Length Percentage
// You can update this to set percentage value of this
// view to that of the superview.
// Default value is 50.0
triLabelView.lengthPercentage = 60.0

You can set the position of view with .TopLeft being the default. The following positions are available

public enum Position:String {
    case TopLeft
    case TopRight
    case BottomRight
    case BottomLeft

You can update text color, font and background color

triLabelView.textColor = UIColor.yellowColor()

triLabelView.labelFont = UIFont.systemFont(ofSize: 15)

triLabelView.viewColor = UIColor.brownColor()

Creating a view from the storyboard

  • If you already have a view where you want to use then set it’s class to TriLabelView in identity inspector.

  • Or drag a View from object library and then change it’s class to TriLabelView in identity inspector.

  • Set the module property to TriLabelView.

Add TriLabelView to storyboard

  • Customize the view properties in the attributes inspector.

Attributes inspector


  • Swift 3 / Xcode 8
  • iOS 9.3


Mukesh Thawani


Feature requests, bug reports, and pull requests are all welcome.


Copyright (c) 2016 Mukesh Thawani. Release under the MIT License.