Text

The text components are a fundamental building block of Caesars UI. They are used to display various types of text content throughout the website or application, including headlines, body copy, labels, and captions. The components are designed to be flexible, allowing it to adapt to different contexts and use cases.

Released

• Our display styles are for marketing page layouts where larger fonts are needed, live scores, Branded Specials and page titles.
• The heading styles help organize and structure the content, as well as to highlight important information and create a hierarchy.
• Body styles also known as paragraph styles, can be used to define the appearance of the main body of text within the app.

Installation

For iOS Native developers, we extend UIKit & SwiftUI to easily be able to reference the text components.

For Web/Cordova based devs, you have two ways to apply the text component:

• Use Typography components Display, Heading, and Body
• Use Typography CSS Classes. These are tied to each theme, and each theme might have different typography definitions for the classes. An example of a CSS class would be .display-3xl-bold.