Search the design system

Components

Bet Prediction

Bet predictions display a user’s selections within a paid coupon and the outcomes of the associated games.

Bet Prediction

Usage

Bet predictions are non-interactive components used to display the selections a customer has made within a coupon, along with the outcome of those selections based on the game results. They are designed specifically for use in game coupons within our sports products, such as Powerplay.

Types of bet predictions

There are four types of bet predictions: unselected, selected, selected and prioritized (U-system), and selected (free reduction).

Different types of bet prediction
  1. Unselected
  2. Selected
  3. Selected and prioritized (U-system)
  4. Selected (free reduction)

Sizes of bet predictions

Different sizes of bet prediction
  1. Small
  2. Medium

Anatomy

The two required elements are the container and the content (text). The system marker and adaptive fill are used depending on the game mode.

Anatomy of bet prediction

A. Container
B. Content (text)
C. System marker (used only in system games)
D. Adaptive fill (used only in free reduction)

Behavior

Status

The bet prediction component is able to show the selection and the outcome of the selection based on the game result.

Status of bet prediction
  1. Default
  2. Correct
  3. Incorrect
ComponentsBet Button / Code
ComponentsBet Prediction / Code

© DesignTech - AB Svenska Spel

What's newTerms of useAccessibility statementCookiesTeams channel [Internal]
@svs/ui version
2.3.0

Feedback

We always want to improve the Design System and would be thrilled to get your feedback.

Please share your wisdom with us.

Microsoft Teams [internal]

Designsystem@svenskaspel.se