class RemoteTypography


Class holding typography definitions for RemoteMaterialTheme.

The text styles in this typography are scaled according to the user's preferred font size in the system settings. Larger font sizes scale slower in order to avoid pressure on screen space, because they are already sufficiently accessible.

Display styles are utilized for large, short strings of text used to display highly glanceable hero information, significant metrics, confidence or expressive brand moments.

Title styles are hierarchical text used as a mechanism for way-finding, like a page, section title, or sub-section title (in the case of Title Small).

Label styles are used for component level text that describes an action that would happen if interacted with. The most common and widely used application for label is for text nested within a button.

Body styles are reserved for content text like paragraphs of body copy, text used in complex data visualisation, time stamps and metadata.

Numeral text styles are used for numerical digits, usually limited to a few characters. These can take on more expressive properties at the larger display sizes. They give flexibility to expand width axis with minimal localization and font scaling concerns.

Arc text styles are used for curved text making up the signposting on the UI such as time text and curved labels, a tailored font axis that specifically optimizes type along a curve.

Summary

Public constructors

Creates a copy of Wear Remote Compose RemoteTypography from Wear Compose Typography.

RemoteTypography(
    displayLarge: RemoteTextStyle,
    displayMedium: RemoteTextStyle,
    displaySmall: RemoteTextStyle,
    titleLarge: RemoteTextStyle,
    titleMedium: RemoteTextStyle,
    titleSmall: RemoteTextStyle,
    labelLarge: RemoteTextStyle,
    labelMedium: RemoteTextStyle,
    labelSmall: RemoteTextStyle,
    bodyLarge: RemoteTextStyle,
    bodyMedium: RemoteTextStyle,
    bodySmall: RemoteTextStyle,
    bodyExtraSmall: RemoteTextStyle,
    numeralExtraLarge: RemoteTextStyle,
    numeralLarge: RemoteTextStyle,
    numeralMedium: RemoteTextStyle,
    numeralSmall: RemoteTextStyle,
    numeralExtraSmall: RemoteTextStyle
)
RemoteTypography(
    defaultFontFamily: FontFamily,
    displayLarge: RemoteTextStyle,
    displayMedium: RemoteTextStyle,
    displaySmall: RemoteTextStyle,
    titleLarge: RemoteTextStyle,
    titleMedium: RemoteTextStyle,
    titleSmall: RemoteTextStyle,
    labelLarge: RemoteTextStyle,
    labelMedium: RemoteTextStyle,
    labelSmall: RemoteTextStyle,
    bodyLarge: RemoteTextStyle,
    bodyMedium: RemoteTextStyle,
    bodySmall: RemoteTextStyle,
    bodyExtraSmall: RemoteTextStyle,
    numeralExtraLarge: RemoteTextStyle,
    numeralLarge: RemoteTextStyle,
    numeralMedium: RemoteTextStyle,
    numeralSmall: RemoteTextStyle,
    numeralExtraSmall: RemoteTextStyle
)

Public functions

RemoteTypography
copy(
    displayLarge: RemoteTextStyle,
    displayMedium: RemoteTextStyle,
    displaySmall: RemoteTextStyle,
    titleLarge: RemoteTextStyle,
    titleMedium: RemoteTextStyle,
    titleSmall: RemoteTextStyle,
    labelLarge: RemoteTextStyle,
    labelMedium: RemoteTextStyle,
    labelSmall: RemoteTextStyle,
    bodyLarge: RemoteTextStyle,
    bodyMedium: RemoteTextStyle,
    bodySmall: RemoteTextStyle,
    bodyExtraSmall: RemoteTextStyle,
    numeralExtraLarge: RemoteTextStyle,
    numeralLarge: RemoteTextStyle,
    numeralMedium: RemoteTextStyle,
    numeralSmall: RemoteTextStyle,
    numeralExtraSmall: RemoteTextStyle
)

Returns a copy of this RemoteTypography, optionally overriding some of the values.

Public properties

RemoteTextStyle

BodyExtraSmall is the smallest body.

RemoteTextStyle

BodyLarge is the largest body.

RemoteTextStyle

BodyMedium is second largest body.

RemoteTextStyle

BodySmall is third largest body.

RemoteTextStyle

DisplayLarge is the largest headline.

RemoteTextStyle

DisplayMedium is the second largest headline.

RemoteTextStyle

DisplaySmall is the smallest headline.

RemoteTextStyle

LabelLarge is the largest label.

RemoteTextStyle

LabelMedium is the medium label.

RemoteTextStyle

LabelSmall is the small label.

RemoteTextStyle

NumeralExtraLarge is the largest role for digits.

RemoteTextStyle

NumeralExtraSmall is the smallest role for digits.

RemoteTextStyle

NumeralLarge is the second largest role for digits.

RemoteTextStyle

NumeralMedium is the third largest role for digits.

RemoteTextStyle

NumeralSmall is the fourth largest role for digits.

RemoteTextStyle

TitleLarge is the largest title.

RemoteTextStyle

TitleMedium is the medium title.

RemoteTextStyle

TitleSmall is the smallest title.

Public constructors

RemoteTypography

Added in 1.0.0-alpha02
RemoteTypography(typography: Typography)

Creates a copy of Wear Remote Compose RemoteTypography from Wear Compose Typography.

RemoteTypography

Added in 1.0.0-alpha02
RemoteTypography(
    displayLarge: RemoteTextStyle,
    displayMedium: RemoteTextStyle,
    displaySmall: RemoteTextStyle,
    titleLarge: RemoteTextStyle,
    titleMedium: RemoteTextStyle,
    titleSmall: RemoteTextStyle,
    labelLarge: RemoteTextStyle,
    labelMedium: RemoteTextStyle,
    labelSmall: RemoteTextStyle,
    bodyLarge: RemoteTextStyle,
    bodyMedium: RemoteTextStyle,
    bodySmall: RemoteTextStyle,
    bodyExtraSmall: RemoteTextStyle,
    numeralExtraLarge: RemoteTextStyle,
    numeralLarge: RemoteTextStyle,
    numeralMedium: RemoteTextStyle,
    numeralSmall: RemoteTextStyle,
    numeralExtraSmall: RemoteTextStyle
)

RemoteTypography

Added in 1.0.0-alpha02
RemoteTypography(
    defaultFontFamily: FontFamily = FontFamily.Default,
    displayLarge: RemoteTextStyle = RemoteTypographyTokens.DisplayLarge,
    displayMedium: RemoteTextStyle = RemoteTypographyTokens.DisplayMedium,
    displaySmall: RemoteTextStyle = RemoteTypographyTokens.DisplaySmall,
    titleLarge: RemoteTextStyle = RemoteTypographyTokens.TitleLarge,
    titleMedium: RemoteTextStyle = RemoteTypographyTokens.TitleMedium,
    titleSmall: RemoteTextStyle = RemoteTypographyTokens.TitleSmall,
    labelLarge: RemoteTextStyle = RemoteTypographyTokens.LabelLarge,
    labelMedium: RemoteTextStyle = RemoteTypographyTokens.LabelMedium,
    labelSmall: RemoteTextStyle = RemoteTypographyTokens.LabelSmall,
    bodyLarge: RemoteTextStyle = RemoteTypographyTokens.BodyLarge,
    bodyMedium: RemoteTextStyle = RemoteTypographyTokens.BodyMedium,
    bodySmall: RemoteTextStyle = RemoteTypographyTokens.BodySmall,
    bodyExtraSmall: RemoteTextStyle = RemoteTypographyTokens.BodyExtraSmall,
    numeralExtraLarge: RemoteTextStyle = RemoteTypographyTokens.NumeralExtraLarge,
    numeralLarge: RemoteTextStyle = RemoteTypographyTokens.NumeralLarge,
    numeralMedium: RemoteTextStyle = RemoteTypographyTokens.NumeralMedium,
    numeralSmall: RemoteTextStyle = RemoteTypographyTokens.NumeralSmall,
    numeralExtraSmall: RemoteTextStyle = RemoteTypographyTokens.NumeralExtraSmall
)

Public functions

copy

Added in 1.0.0-alpha02
fun copy(
    displayLarge: RemoteTextStyle = this.displayLarge,
    displayMedium: RemoteTextStyle = this.displayMedium,
    displaySmall: RemoteTextStyle = this.displaySmall,
    titleLarge: RemoteTextStyle = this.titleLarge,
    titleMedium: RemoteTextStyle = this.titleMedium,
    titleSmall: RemoteTextStyle = this.titleSmall,
    labelLarge: RemoteTextStyle = this.labelLarge,
    labelMedium: RemoteTextStyle = this.labelMedium,
    labelSmall: RemoteTextStyle = this.labelSmall,
    bodyLarge: RemoteTextStyle = this.bodyLarge,
    bodyMedium: RemoteTextStyle = this.bodyMedium,
    bodySmall: RemoteTextStyle = this.bodySmall,
    bodyExtraSmall: RemoteTextStyle = this.bodyExtraSmall,
    numeralExtraLarge: RemoteTextStyle = this.numeralExtraLarge,
    numeralLarge: RemoteTextStyle = this.numeralLarge,
    numeralMedium: RemoteTextStyle = this.numeralMedium,
    numeralSmall: RemoteTextStyle = this.numeralSmall,
    numeralExtraSmall: RemoteTextStyle = this.numeralExtraSmall
): RemoteTypography

Returns a copy of this RemoteTypography, optionally overriding some of the values.

Public properties

bodyExtraSmall

Added in 1.0.0-alpha02
val bodyExtraSmallRemoteTextStyle

BodyExtraSmall is the smallest body. Body texts are typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodyLarge

Added in 1.0.0-alpha02
val bodyLargeRemoteTextStyle

BodyLarge is the largest body. Body texts are typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodyMedium

Added in 1.0.0-alpha02
val bodyMediumRemoteTextStyle

BodyMedium is second largest body. Body texts are typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

bodySmall

Added in 1.0.0-alpha02
val bodySmallRemoteTextStyle

BodySmall is third largest body. Body texts are typically used for long-form writing as it works well for small text sizes. For longer sections of text, a serif or sans serif typeface is recommended.

displayLarge

Added in 1.0.0-alpha02
val displayLargeRemoteTextStyle

DisplayLarge is the largest headline. Displays are the largest text on the screen, reserved for short, important text or numerals.

displayMedium

Added in 1.0.0-alpha02
val displayMediumRemoteTextStyle

DisplayMedium is the second largest headline. Displays are the largest text on the screen, reserved for short, important text or numerals.

displaySmall

Added in 1.0.0-alpha02
val displaySmallRemoteTextStyle

DisplaySmall is the smallest headline. Displays are the largest text on the screen, reserved for short, important text or numerals.

labelLarge

Added in 1.0.0-alpha02
val labelLargeRemoteTextStyle

LabelLarge is the largest label. They are used for displaying prominent texts like label on title buttons.

labelMedium

Added in 1.0.0-alpha02
val labelMediumRemoteTextStyle

LabelMedium is the medium label. They are used for displaying texts like primary label on buttons.

labelSmall

Added in 1.0.0-alpha02
val labelSmallRemoteTextStyle

LabelSmall is the small label. They are used for displaying texts like secondary label on buttons, labels on compact buttons.

numeralExtraLarge

Added in 1.0.0-alpha02
val numeralExtraLargeRemoteTextStyle

NumeralExtraLarge is the largest role for digits. Numerals use tabular spacing by default. They highlight and express glanceable numbers that are limited to a two or three characters only, where no localization is required like the charging screen.

numeralExtraSmall

Added in 1.0.0-alpha02
val numeralExtraSmallRemoteTextStyle

NumeralExtraSmall is the smallest role for digits. Numerals use tabular spacing by default. They are for numbers that need to accommodate longer strings of digits, where no localization is required like in-workout metrics.

numeralLarge

Added in 1.0.0-alpha02
val numeralLargeRemoteTextStyle

NumeralLarge is the second largest role for digits. Numerals use tabular spacing by default. They are large sized number strings that are limited to big displays of time, where no localization is required like a timer countdown.

numeralMedium

Added in 1.0.0-alpha02
val numeralMediumRemoteTextStyle

NumeralMedium is the third largest role for digits. Numerals use tabular spacing by default. They are medium sized numbers that are limited to short strings of digits, where no localization is required like a steps count.

numeralSmall

Added in 1.0.0-alpha02
val numeralSmallRemoteTextStyle

NumeralSmall is the fourth largest role for digits. Numerals use tabular spacing by default. They are for numbers that need emphasis at a smaller scale, where no localization is required like date and time pickers.

titleLarge

Added in 1.0.0-alpha02
val titleLargeRemoteTextStyle

TitleLarge is the largest title. Titles are smaller than Displays. They are typically reserved for medium-emphasis text that is shorter in length.

titleMedium

Added in 1.0.0-alpha02
val titleMediumRemoteTextStyle

TitleMedium is the medium title. Titles are smaller than Displays. They are typically reserved for medium-emphasis text that is shorter in length.

titleSmall

Added in 1.0.0-alpha02
val titleSmallRemoteTextStyle

TitleSmall is the smallest title. Titles are smaller than Displays. They are typically reserved for medium-emphasis text that is shorter in length.