Backpack/Label

Body

Day	Night

Heading

Day	Night

Hero

Day	Night

Usage

BPKLabel contains the Backpack Label component which is a subclass of UILabel with Skyscanner styles. It accepts a Backpack font style to set the desired size.

Swift

Example of a BPKLabel with label1 style and textSecondary color.

                                                
                                                import Backpack
                                                
                                                let label = BPKLabel(fontStyle: .textLabel1)
                                                label.textColor = BPKColor.textSecondaryColor
                                                label.text = "Label 1"

Example of a BPKLabel with multiple font styles

                                                
                                                let label = BPKLabel(fontStyle: .textLabel1)
                                                label.textColor = BPKColor.textSecondaryColor
                                                label.text = "Label 1, example multiple text styles"
                                                
                                                // Set font style for a specific range
                                                label.setFontStyle(.textLg, range: NSRange(location: 12, length: 10))

Dynamic Text

BPKLabel doesn't currently support Dynamic Text, but this is planned for a later release.

Backpack/TextView

Default

Day	Night

Usage

BPKTextView contains the Backpack TextView component which is a subclass of UITextView with Skyscanner styles. It accepts a Backpack font style to set the desired size.

Objective-C

                                                
                                                #import <Backpack/TextView.h>
                                                
                                                BPKTextView *textView = [[BPKTextView alloc] initWithFontStyle:BPKFontStyleTextBase];
                                                // Position textView with autolayout or other method

Swift

                                                
                                                import Backpack
                                                
                                                let textView = BPKTextView(fontStyle: .base)
                                                // Position TextView with autolayout or other method

Dynamic Text

BPKTextView doesn't currently support Dynamic Text, but this is planned for a later release.