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.fonts.latin.NotoIkeaLatin
import net.ikea.skapa.foundation.typography2.SkapaTypeScale

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.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
        )
    }
} 
   //sampleEnd
}

Entries

Link copied to clipboard

Represents an automatic mode that will determine the mode based on the screen size. We use the system information to switch between SmallScreen and Desktop depending on the devices DP width. The breakpoint is set to 840.dp and is meant for larger tablets. Auto will not set LargeScreen at any point and will need to be done manually if that scaling is desired.

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.