SkapaMotionTokens

Subset of Motion Tokens used in Skapa

See also

Samples

SkapaTheme2(darkTheme = isSystemInDarkTheme()) {
    val infiniteTransition = rememberInfiniteTransition(label = "Infinite transition")
    val sizeAnimation by infiniteTransition.animateFloat(
        initialValue = 0f,
        targetValue = 1f,
        animationSpec = infiniteRepeatable(
            animation = tween(
                durationMillis = SkapaMotionTokens.Durations.Slow,
                easing = SkapaMotionTokens.Eases.EaseLinear
            ),
            repeatMode = RepeatMode.Reverse
        ),
        label = "Size animation"
    )

    Box(
        modifier = Modifier.size(SkapaSpacing.space300),
        contentAlignment = Alignment.Center
    ) {
        Box(
            modifier = Modifier
                .size(SkapaSpacing.space300 * sizeAnimation)
                .background(SkapaTheme.colors.neutral7, SkapaBorders.CornerRadius.radiusCap)
        )
    }
}

Types

Link copied to clipboard
object Durations

Skapa animation duration. Values are in milliseconds

Link copied to clipboard
object Eases