NatTag

public final class NatTag : UIView

Note

This component is available in the following variants:

✅ Standard

With the following attribute status:

Position:
- ✅ Center
- ✅ Left
- ✅ Right
Color:
- ✅ Primary
- ✅ Secondary
- ✅ Success
- ✅ Alert
- ✅ Warning
- ✅ Link
Size:
- ✅ Small
- ✅ Standard

NatTag is a class that represents the tag component from the design system. The tag colors change according to the current theme configured.

These all the available styles for a NatTag:

defaultAlert
leftAlert
rightAlert

Example of usage:

   let tag = NatTag(style: .defaultAlert)

Requires

It’s necessary to configure the Design System with a theme or fatalError will be raised.

DesignSystem().configure(with: AvailableTheme)

Private properties


                      
                      
                      iconView

Undocumented

Declaration

Swift

public lazy var iconView: IconView { get set }


                      
                      
                      label

Undocumented

Declaration

Swift

public lazy var label: UILabel { get set }

icon
Undocumented
Declaration
Swift

public var icon: String? { get set }
text
Undocumented
Declaration
Swift

public var text: String? { get set }


                      
                      
                      color

Undocumented

Declaration

Swift

public var color: ThemeColor { get set }


                      
                      
                      currentTheme

Undocumented

Declaration

Swift

public static var currentTheme: AvailableTheme

Inits


                      
                      
                      init(style:color:size:icon:text:theme:)

Undocumented

Declaration

Swift

public init(style: Style = .defaultAlert,
            color: Color = .primary,
            size: Size = .small,
            icon: String? = nil,
            text: String? = nil,
            theme:AvailableTheme = .none)

Public methods


                      
                      
                      draw(_:)

Undocumented

Declaration

Swift

override public func draw(_ rect: CGRect)

configure(text:)
Configures a text for the component’s label. The tag adjusts its width to match the text length.
Declaration
Swift

public func configure(text: String?)
configure(size:)
Configures a size to the component, which changes the tag’s height and padding.
Declaration
Swift

public func configure(size: Size)
configure(color:)
Configures a color for the component’s background.
Declaration
Swift

public func configure(color: Color)
configure(icon:)
Undocumented
Declaration
Swift

public func configure(icon: String?)
Color
Size is an enum that represents the possible colors for the NatTag. The default color is Primary.

These are all colors allowed for a NatTag:
- primary
- secondary
- success
- alert
- `warning
- link
See more
Declaration
Swift

public enum Color
ThemeColor
Undocumented
See more
Declaration
Swift

public struct ThemeColor
Size
Size is an enum that represents the possible sizes for the NatTag height. The default size is small.

These are all sizes allowed for a NatTag:
- small
- standard
See more
Declaration
Swift

public enum Size : CaseIterable
Style
Style represents styles values for the NatTag component.

These are all allowed styles for a NatTag:
- default (centered)
- left
- right
See more
Declaration
Swift

public struct Style