Box

Here you will find the list of different boxes available.

BoxWithAnimatedBorder

The BoxWithAnimatedBorder is a regular Box component that includes an animated border. It is useful for creating visually appealing containers that draw attention to their content.

Usage

Basic example

BoxWithAnimatedBorder(
    borderColors = listOf(
        MaterialTheme.colorScheme.primary,
        MaterialTheme.colorScheme.secondary,
        MaterialTheme.colorScheme.tertiary,
        MaterialTheme.colorScheme.tertiary,
        MaterialTheme.colorScheme.secondary,
        MaterialTheme.colorScheme.primary
    ),
    borderWidth = 2.dp,
) {
    Text(text = "Some content inside the Box with animated border")
}