TypeScale
Skapa type sets, with long and short line height text. Represented by SkapaFont class
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
}