Foundation/net.ikea.skapa.foundation.typography2/SkapaTypography

SkapaTypography

class SkapaTypography(source)

Represents the complete set of typography styles in the Skapa typography system.

See also

Typography tokens on Skapa Hub

Samples

SkapaTheme2(
    darkTheme = isSystemInDarkTheme(),
    fontFamily = NotoIkeaLatin, // Add your desired font family
    typeScale = SkapaTypeScale.SmallScreen, // Select the desired type scale depending on what size device you are designing for
    baseFontSize = 14.sp // Add your desired base font size, increasing will scale all typesets accordingly
) {
    Column {
        Text(
            text = "Skapa Display M",
            style = SkapaTheme.typography.displayM
        )
        Text(
            text = "Skapa heading M",
            style = SkapaTheme.typography.headingM,
            modifier = Modifier.semantics { heading() }
        )
        Text(
            text = "Skapa statement M",
            style = SkapaTheme.typography.statementM
        )
        Text(
            text = "Skapa body M",
            style = SkapaTheme.typography.bodyM
        )
        Text(
            text = "Skapa label M",
            style = SkapaTheme.typography.labelM
        )
        Text(
            text = "Skapa caption M",
            style = SkapaTheme.typography.captionM
        )
    }
}

Properties

val bodyL: TextStyle

The large body text style.

val bodyM: TextStyle

The medium body text style.

val bodyS: TextStyle

The small body text style.

val captionL: TextStyle

The large caption text style.

val captionM: TextStyle

The medium caption text style.

val captionS: TextStyle

The small caption text style.

val displayL: TextStyle

Default variant (FontWeight.W700), the large display text style.

displayLRegular

val displayLRegular: TextStyle

Regular variant (FontWeight.W400), the large display text style.

val displayM: TextStyle

Default variant (FontWeight.W700), the medium display text style.

displayMRegular

val displayMRegular: TextStyle

Regular variant (FontWeight.W400), the medium display text style.

val displayXL: TextStyle

Default variant (FontWeight.W700), the extra-large display text style.

displayXLRegular

val displayXLRegular: TextStyle

Regular variant (FontWeight.W400), the extra-large display text style.

val fontFamily: FontFamily

The font family used for the typography.

val headingL: TextStyle

Default variant (FontWeight.W700), the large heading text style.

headingLRegular

val headingLRegular: TextStyle

Regular variant (FontWeight.W400), the large heading text style.

val headingM: TextStyle

Default variant (FontWeight.W700), the medium heading text style.

headingMRegular

val headingMRegular: TextStyle

Regular variant (FontWeight.W400), the medium heading text style.

val headingS: TextStyle

Default variant (FontWeight.W700), the small heading text style.

headingSRegular

val headingSRegular: TextStyle

Regular variant (FontWeight.W400), the small heading text style.

val headingXL: TextStyle

Default variant (FontWeight.W700), the extra-large heading text style.

headingXLRegular

val headingXLRegular: TextStyle

Regular variant (FontWeight.W400), the extra-large heading text style.

val headingXS: TextStyle

Default variant (FontWeight.W700), the extra-small heading text style.

headingXSRegular

val headingXSRegular: TextStyle

Regular variant (FontWeight.W400), the extra-small heading text style.

val labelL: TextStyle

The large label text style.

val labelLRegular: TextStyle

Regular variant (FontWeight.W400), the large label text style.

val labelM: TextStyle

The medium label text style.

val labelMRegular: TextStyle

Regular variant (FontWeight.W400), the medium label text style.

val labelS: TextStyle

The small label text style.

val labelSRegular: TextStyle

Regular variant (FontWeight.W400), the small label text style.

val labelXS: TextStyle

The extra-small label text style.

val labelXSRegular: TextStyle

Regular variant (FontWeight.W400), the extra-small label text style.

val statementL: TextStyle

The large statement text style.

val statementM: TextStyle

The medium statement text style.