Components

Bet Button

Usage

Bet buttons are components specifically made to be part of game coupons within our sport products such as Powerplay, Stryktipset, and Europatipset.

Within our sport products, bet buttons enable users to register a set of bets on which team, player, or horse is expected to win.

Context of use

Bet buttons can be combined into composite components containing 2 or more bet buttons, where the buttons can be single-select or multi-select depending on the context and product.

Anatomy

Bet buttons consist of two main elements: the container and the content (text) within. Under certain conditions, a system marker can be applied/inserted.

A. Container
B. Content (Text)
C. System marker (used only in system games)

Interactions

Interaction states

1. Rest
2. Hover
3. Pressed
4. Focus
5. Disabled

Selection states

The default state of the bet button is the unselected state.

A selected bet button can be marked as prioritized ("U") if the user has selected U-system as a game mode and more than one bet button is selected within a game item.

1. Unselected
2. Selected
3. Selected and prioritized (U-System)

Content

The content of the bet button is normally set to an outcome label such as 1, X, or 2, or to a number of goals. Through coupon settings, the user can switch the content of the bet button to statistics showing how people bet, expressed as percentages for each bet button in a game item.

1. 1, X, 2
2. Number of goals
3. Percentages of how the people bet
4. Mathematical hedging

Live example