GraphicPromo

Default

Day	Night

Top aligned with kicker and sub headline

Day	Night

Top aligned Sponsored

Day	Night

Bottom aligned with kicker and sub headline

Day	Night

Bottom aligned Sponsored

Day	Night

Installation

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

Usage

Example of a GraphicPromo:

                                                
                                                import android.util.Log
                                                import net.skyscanner.backpack.compose.graphicpromotion.BpkGraphicPromo
                                                import net.skyscanner.backpack.compose.graphicpromotion.Sponsor
                                                import net.skyscanner.backpack.compose.graphicpromotion.VerticalAlignment
                                                import net.skyscanner.backpack.compose.overlay.BpkOverlayType
                                                
                                                
                                                BpkGraphicPromo(
                                                    kicker = "Travel tips",
                                                    headline = "Three Parks Challenge",
                                                    subHeadline = "How to complete the climb in 3 days",
                                                    verticalAlignment = VerticalAlignment.Bottom,
                                                    overlayType = BpkOverlayType.SolidHigh,
                                                    sponsor = BpkGraphicsPromoSponsor(
                                                        accessibilityLabel = "Sponsored",
                                                        logo = "https://images.kiwi.com/airlines/64/FR.png",
                                                        title = "Sponsored",
                                                    ),
                                                    image = {
                                                        Image(
                                                            modifier = Modifier.matchParentSize(),
                                                            painter = painterResource(id = R.drawable.graphic_promo),
                                                            contentDescription = "Image",
                                                            contentScale = ContentScale.Crop,
                                                        )
                                                    }, sponsorLogo = {
                                                        Image(
                                                            painter = painterResource(id = R.drawable.skyland,),
                                                            contentDescription = "Image",
                                                            contentScale = ContentScale.Fit,
                                                        )
                                                    },
                                                    tapAction = {
                                                        Log.d("TAG", "Tap on graphic promo")
                                                    },
                                                )