Card button

Found flights you like? The card button lets travellers share flights or save them for later.

Card Button

Default

Day	Night

Large

Day	Night

Installation

Backpack Compose is available through Maven Central. Check the main Readme for a complete installation guide.

Usage

Example of a Save Button on light background:


                                                
                                                import net.skyscanner.backpack.compose.cardbutton.BpkSaveButton
                                                
                                                var checked by remember { mutableStateOf(false) }
                                                BpkSaveButton(
                                                  checked = checked,
                                                  contentDescription = "",
                                                  onCheckedChange = { checked = it }
                                                )

Example of a Share Button on an image:


                                                
                                                import net.skyscanner.backpack.compose.cardbutton.BpkShareButton
                                                import net.skyscanner.backpack.compose.cardbutton.BpkCardButtonSize
                                                import net.skyscanner.backpack.compose.cardbutton.BpkCardButtonStyle
                                                
                                                BpkShareButton(
                                                  size = BpkCardButtonSize.Default,
                                                  style = BpkCardButtonStyle.Contained,
                                                  contentDescription = "",
                                                  onClick = {}
                                                )