bpk-component-graphic-promotion

bpk-component-graphic-promotion

Installation

Check the main Readme for a complete installation guide.

Usage

import BpkGraphicPromo from '@skyscanner/backpack-web/bpk-component-graphic-promotion';

export default () => (
  <BpkGraphicPromo
    buttonText="Learn more"
    contentId="graphic-promo-1"
    headline="Ride your wave"
    invertVertically
    onClick={() => redirect("https://www.sponsor-name.com/promotion")}
    sponsor={{
      label: 'Sponsored',
      logo: './path/to/sponsor/logo.png',
      altText: 'Sponsor Name',
    }}
    subheading="Portugal and 6 more countries have just been added to the UK travel green list"
    tagline="Tagline"
    textAlign={TEXT_ALIGN.start}
  />
);

Props

Check out the full list of props on Skyscanner's design system documentation website.