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.
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
| Property | Attribute | Description | Type | Default |
|---|---|---|---|---|
affiliate | affiliate | string | undefined | |
affiliateId | affiliate-id | number | undefined | |
affiliateType | affiliate-type | string | undefined | |
age | age | number | undefined | |
context | context | (required) | string | undefined |
ctaType | cta-type | string | undefined | |
darkMode | dark-mode | boolean | false | |
defer | defer | boolean | undefined | |
devMode | dev-mode | boolean | false | |
deviceType | device-type | "android" | "desktop" | "ios" | "mobile" | undefined | |
dynamic | dynamic | boolean | undefined | |
format | format | "default" | "large" | 'default' | |
gameId | game-id | number | undefined | |
hideUnderage | hide-underage | boolean | false | |
internalId | internal-id | string | undefined | |
isBetsyncUser | is-betsync-user | boolean | undefined | |
isLoggedIn | is-logged-in | boolean | undefined | |
isMobile | is-mobile | boolean | undefined | |
league | league | string | undefined | |
location | location | string | undefined | |
pageSlug | page-slug | string | undefined | |
placementId | placement-id | (required) | number | undefined |
promotionId | promotion-id | (required) | number | undefined |
propertyId | property-id | (required) | number | undefined |
reveal | reveal | "animated" | "false" | "true" | 'false' | |
revealText | reveal-text | string | undefined | |
sponsorSlug | sponsor-slug | string | undefined | |
subdivision | subdivision | number | undefined | |
subscriptionTier | subscription-tier | 0 | 1 | 2 | 3 | undefined | |
terms | terms | "affiliate" | "geo" | 'geo' | |
userParentBookIds | user-parent-book-ids | string | undefined | |
wasPro | was-pro | boolean | undefined |