SkapaTypeScale

Enum representing the different modes for the Skapa typography system. The mode effects the follow text styles: Display, Heading, and Statement and will give new type scale values depending on what mode is used. The default mode is SkapaTypeScale.SmallScreen.

See also

Samples

import androidx.compose.animation.core.RepeatMode
import androidx.compose.animation.core.animateFloat
import androidx.compose.animation.core.infiniteRepeatable
import androidx.compose.animation.core.rememberInfiniteTransition
import androidx.compose.animation.core.tween
import androidx.compose.foundation.background
import androidx.compose.foundation.border
import androidx.compose.foundation.isSystemInDarkTheme
import androidx.compose.foundation.layout.*
import androidx.compose.material3.Text
import androidx.compose.runtime.*
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.semantics.heading
import androidx.compose.ui.semantics.semantics
import androidx.compose.ui.tooling.preview.Preview
import androidx.compose.ui.unit.sp
import net.ikea.skapa.foundation.typography2.SkapaTypeScale
import net.skapa.ikea.fonts.latin.NotoIkeaLatin

fun main() { 
   //sampleStart 
   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.typography2.displayM
        )
        Text(
            text = "Skapa heading M",
            style = SkapaTheme.typography2.headingM,
            modifier = Modifier.semantics { heading() }
        )
        Text(
            text = "Skapa statement M",
            style = SkapaTheme.typography2.statementM
        )
        Text(
            text = "Skapa body M",
            style = SkapaTheme.typography2.bodyM
        )
        Text(
            text = "Skapa label M",
            style = SkapaTheme.typography2.labelM
        )
        Text(
            text = "Skapa caption M",
            style = SkapaTheme.typography2.captionM
        )
    }
} 
   //sampleEnd
}

Entries

Link copied to clipboard

Represents small screens such as mobile phones, from 4 to 9 inches in screen size.

Link copied to clipboard

Represents larger screens such as large tablets and computer monitors, from 10 to 32 inches in screen size.

Link copied to clipboard

Represents larger screens such as large computer monitors and TV screens, from 32 inches in screen size and upwards.

Properties

Link copied to clipboard

Returns a representation of an immutable list of all enum entries, in the order they're declared.

Link copied to clipboard
Link copied to clipboard

Functions

Link copied to clipboard

Returns the enum constant of this type with the specified name. The string must match exactly an identifier used to declare an enum constant in this type. (Extraneous whitespace characters are not permitted.)

Link copied to clipboard

Returns an array containing the constants of this enum type, in the order they're declared.