Durations

Skapa animation duration. Values are in milliseconds

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)
        )
    }
}

Properties

Link copied to clipboard
const val Instant: Int = 0
Link copied to clipboard
const val Quick: Int = 150
Link copied to clipboard
const val Slow: Int = 400
Link copied to clipboard
const val Standard: Int = 300