Chip

Chips let travellers enter information, filter options, make choices, and ultimately take action.

Backpack/Chip

Cocoapods class reference view on Github

Default

Day Night

On dark

Day Night

On Image

Day Night

Usage

Example of a Chip:


                                                
                                                let chip = BPKChip(title: "Chip text")

Example of a selected Chip:


                                                
                                                let chip = BPKChip(title: "Chip text")
                                                chip.isSelected = true

Example of a disabled Chip:


                                                
                                                let chip = BPKChip(title: "Chip text")
                                                chip.isEnabled = false

Example of a Chip with leading icon:


                                                
                                                let chip = BPKChip(title: "Chip text", icon: .deals)

Example of a Chip on dark background:


                                                
                                                let chip = BPKChip(title: "Chip text")
                                                chip.style = .onDark

Example of a Chip on an image background:


                                                
                                                let chip = BPKChip(title: "Chip text")
                                                chip.style = .onImage

Example of a Chip with a different semantic type:


                                                
                                                let chip = BPKChip(title: "Chip text")
                                                chip.type = .dropdown