JetpackIconToggleButton

Jetpack toggle button with icon and checked icon content slots. Wraps Material 3 FilledIconToggleButton.

A filled icon button that toggles between two states with different icons. Uses primary container color when checked. Common use cases include favorites, bookmarks, or visibility toggles.

Features:

• Automatic icon switching between checked/unchecked states

• Filled background with rounded shape

• Primary container color when checked, transparent when unchecked

• Disabled state support with reduced alpha

Usage Example:

var isFavorite by remember { mutableStateOf(false) }

JetpackIconToggleButton(
    checked = isFavorite,
    onCheckedChange = { isFavorite = it },
    icon = {
        Icon(
            imageVector = Icons.Default.FavoriteBorder,
            contentDescription = "Add to favorites"
        )
    },
    checkedIcon = {
        Icon(
            imageVector = Icons.Default.Favorite,
            contentDescription = "Remove from favorites"
        )
    }
)

When to use:

• Binary toggle actions (favorite/unfavorite, bookmark/unbookmark)

• Visibility toggles (show/hide password, expand/collapse)

• State indicators that can be toggled

Parameters