Outcome Buttons

Outcome Buttons are the most common piece of our UI and are used to show odds and bet options. They can be stand alone or grouped together.

Variations

  • Single row
    • Label and odds
    • Odds only
  • Two rows
    • Label and odds

States

Outcomes can be temporarily or permanently suspended during a game. In these cases, the Outcome Buttons will be disabled. We call that mode “suspended.”

Default

The unselected state of a button.

  • Normal
  • Pressed
  • Suspended

Selected

When an outcome is selected, i.e. added to the betslip.

  • Normal
  • Pressed
  • Suspended

Usage

Leave a space of 4px between each button that's grouped together. Try to avoid mixing up single and double row variations when grouping.

Component