Skip to main content

Bonus Promotion

Large promo with CTA button

Overview

The bonus promotion component is designed to work as a large CTA element that can stand along or be put in-line with text on the page.

Screenshot 2024-01-18 at 10.02.56 AM.png

The “Updated on…” text automatically changes to today’s date when the component loads. The background color surrounding the promo automatically changes based on the book’s logo color defined in the system.

There are two special CSS variables that can be set to control the color of the “Claim Now” button. --bam-button-claim-color - Controls the background color of the button —-bam-button-claim-font-color - Controls the font color inside the button

SSR AvailableThis component is available for server side rendering.

Properties

PropertyAttributeDescriptionTypeDefault
affiliateaffiliatestringundefined
affiliateIdaffiliate-idnumberundefined
affiliateTypeaffiliate-typestringundefined
ageagenumberundefined
contextcontext(required)stringundefined
ctaTypecta-typestringundefined
darkModedark-modebooleanfalse
deferdeferbooleanundefined
devModedev-modebooleanfalse
deviceTypedevice-type"android" | "desktop" | "ios" | "mobile"undefined
dynamicdynamicbooleanundefined
formatformat"default" | "large"'default'
gameIdgame-idnumberundefined
hideUnderagehide-underagebooleanfalse
internalIdinternal-idstringundefined
isBetsyncUseris-betsync-userbooleanundefined
isLoggedInis-logged-inbooleanundefined
isMobileis-mobilebooleanundefined
leagueleaguestringundefined
locationlocationstringundefined
pageSlugpage-slugstringundefined
placementIdplacement-id(required)numberundefined
promotionIdpromotion-id(required)numberundefined
propertyIdproperty-id(required)numberundefined
revealreveal"animated" | "false" | "true"'false'
revealTextreveal-textstringundefined
sponsorSlugsponsor-slugstringundefined
subdivisionsubdivisionnumberundefined
subscriptionTiersubscription-tier0 | 1 | 2 | 3undefined
termsterms"affiliate" | "geo"'geo'
userParentBookIdsuser-parent-book-idsstringundefined
wasProwas-probooleanundefined