How can I add section names in the Attributes inspector in Xcode?

Question

Is there any way to add section name in newly added @IBDesignable properties for better readability.

//
//MARK: - Badge
//
@IBInspectable
var badgeColor:UIColor = UIColor.darkGray {
    didSet {
        updateView()
    }
}

@IBInspectable
var showBadgeOnIndex:Int = 0 {
    didSet {
        if showBadgeOnIndex >= buttons.count {
            showBadgeOnIndex = 0
        }
        updateView()
    }
}

@IBInspectable
var showAllBadge:Bool = false {
    didSet {
        updateView()
    }
}

@IBInspectable
var hideAllBadge:Bool = true {
    didSet {
        updateView()
    }
}

ex:

In the picture above, the view properties have the section name View.

Any help would be appreciated.

I already know that the name of the custom class will appear as the section name in the Attributes Inspector.

Answer 1

Sections and their titles in the Attributes inspector are generated based on what exact classes the properties in that section belong to. There is no way to change this behavior.

However, Xcode automatically groups the inspectable properties that have similar names. Those groups are separated with a line. This behavior is also visible in your example picture:

Answer 2

By default your classname (A name of your custom class) becomes a title for IBDesignable properties

Here is reference documents, what you want. IBInspectable / IBDesignable