Remove Default padding around checkboxes in Jetpack Compose new update

Question

In the new update of jetpack compose , a default padding space will be provided around the touchables as said in official documentation. Refer this

Please help how to avoid this and to implement this "set LocalMinimumTouchTargetEnforcement to false " and where to do this?

Answer 1

You need to provide it with CompositionLocalProvider

CompositionLocalProvider(LocalMinimumInteractiveComponentEnforcement provides false) {
    Checkbox(
        checked = checked,
        onCheckedChange = {
            checked = it
        }
    )
}

Answer 2

androidx.compose.material3:material3:1.3.0-beta04

CompositionLocalProvider(LocalMinimumInteractiveComponentSize provides Dp.Unspecified) {
                Checkbox(
                    checked = checked,
                    onCheckedChange = {
                        checked = it
                    }
                )
            }