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:


                                                
                                                BPKChip("Chip text")

Example of a Chip with an action closure:


                                                
                                                BPKChip("Chip text") {
                                                    print("Chip tapped")
                                                }

Example of a selected Chip:


                                                
                                                BPKChip("Chip text", selected: true)

Example of a disabled Chip:


                                                
                                                BPKChip("Chip text")
                                                    .disabled(true)

Example of a Chip with leading icon:


                                                
                                                BPKChip("Chip text", icon: .deals)

Example of a Chip on dark background:


                                                
                                                BPKChip("Chip text", style: .onDark)

Example of a Chip on an image background:


                                                
                                                BPKChip("Chip text", style: .onImage)

Example of a Dropdown Chip:


                                                
                                                BPKDropdownChip("Chip text")

Example of a Dismissable Chip:


                                                
                                                BPKDismissableChip("Chip text")