merchandising/premium-class-upsell-banner








# 🏠 Properties

Name Type
priceDifferenceRequestString
priceDifferenceNumber
remindMeToggleBoolean
subtextString
pcAgainBoolean
pcAgainBadgeBoolean

# 🎰 Slots

Name Default value
title Give yourself the royal treatment - look for Premium Class when selecting your seats.
text-center Priority boarding and overhead bin access.
text-left Cocktails on us for flights over 350 miles.
text-center 4 extra inches of legroom compared to Main.
description Priority boarding and overhead bin access.
description 4 extra inches of legroom compared to Main.
description Cocktails on us for flights over 350 miles.
            
Show Code
<script src="/components/shared/component-base.js"></script> <script src="/components/premium-class-upsell-banner/main.js"></script> <link rel="stylesheet" href="/components/shared/component-base.css" /> <premium-class-upsell-banner priceDifferenceRequest='{ "Segments": [ { "Id":"0", "Origin":"SEA", "Destination":"LAX", "DepartureDateTime":"12/11/2023 5:50:00 AM", "MarketingCarrier":"AS", "OperatingCarrier":"AS", "OperatingFlightNumber":1246, "FlightNumber":1246, "TravelDurationMinutes":170, "FareClass":"G", "SalePrice":"USD96.74", "IsCheckedIn":false, "IsUnderAirportControl":false, "PositionalIndex":0 } ] }'></premium-class-upsell-banner> <br /> <premium-class-upsell-banner pcAgain="true" priceDifferenceRequest='{ "Segments": [ { "PositionalIndex": 0, "DepartureDateTime": "2022-07-20T06:00:00", "DepartureDateTimeInUTC": "2022-07-20T13:00:00", "Destination": "SFO", "SalePrice": "USD125", "FareClass": "N", "FlightNumber": 742, "Id": "1", "IsASOperated": true, "IsQXOperated": false, "MarketingCarrier": "QX", "OperatingCarrier": "QX", "OperatingFlightNumber": 742, "Origin": "SEA", "TravelDurationMinutes": 135, "IsCheckedIn": false, "IsUnderAirportControl": false } ] }'></premium-class-upsell-banner> <br/> <premium-class-upsell-banner priceDifferenceRequest=""></premium-class-upsell-banner> <br /> <premium-class-upsell-banner priceDifference="50"></premium-class-upsell-banner> <br /> <premium-class-upsell-banner priceDifference="50" pcAgain="true"></premium-class-upsell-banner> <br /> <premium-class-upsell-banner priceDifference="50" pcAgainBadge="true"></premium-class-upsell-banner>
đŸ•šī¸   Component Editor