Price
The price component is an element designed to display dynamic sportsbook odds, ensuring real-time updates are accessible to all users.
- Figma:Ready
- Web:Ready
- iOS:Ready
- Package:Sportsbook
Usage
import { Price } from "@caesars-ui/sbk"
The price component is designed to display dynamic sportsbook odds, updating in real-time to reflect the latest changes. This component is essential for sportsbook which requires frequent updates of numeric values.
Properties
* indicates required.
Accessibility
Principle
Status
Description
Percievable
Ready
The Price component has a clear visual indication that it is a Price, such as a shape or label that distinguishes it from other page elements. It has sufficient contrast with the background to be easily visible, and any hover or focus states are also clearly distinguishable.
Operable
Ready
Users can interact with the Price using a variety of input methods, including keyboard and mouse. The Price also has a consistent behavior across the site, so that users can anticipate what will happen when they click on it.
Understandable
Ready
The Price’s label or icon clearly communicates its purpose or the action that it will trigger. Users also receive appropriate feedback after clicking the Price, such as a success message or a change in page content.
Robust
Ready
The Price component is accessible to users with a range of abilities and devices, and adheres to web standards and best practices. The component is also tested thoroughly to ensure that it functions correctly in a variety of contexts and situations.