Market Button
The market button displays current spread for a bet and adds it to the user's betslip when selected. It also provides feedback when odds change.
- Figma:Ready
- Web:Ready
- iOS:Ready
- Package:Sportsbook
Usage
import { MarketButton } from "@caesars-ui/sbk"
Properties
* indicates required.
Accessibility
Principle
Status
Description
Percievable
Ready
The market button is clearly visible to users, with a sufficient contrast ratio to the background color. The market button text is large enough to be easily read, and it is written in a clear and concise manner. The market button's purpose is clear and understandable.
Operable
Ready
Users can easily interact with the market button, whether through clicking, tapping, or some other form of input. The market button is placed in a logical and easily reachable location on the page. There are hover or focus states that make it easier for users to understand the market button's purpose or interact with it.
Understandable
Ready
The market button's purpose is clear and understandable to users. The market button has a clear and concise label that explains its function. There are additional visual or textual cues that help users understand what will happen when they interact with the market button.
Robust
ready
The market button can be used with a variety of devices and assistive technologies. The market button is compatible with screen readers and other assistive technologies, and it has proper ARIA attributes to ensure that it is properly identified and labeled for these users. The market button can be used on mobile devices and other devices with smaller screens and touch-based input.