Jetpack Compose IconButton in Material Compose

IconButton is a clickable icon, used to represent actions. An IconButton has an overall minimum touch target size of 48 x 48dp, to meet accessibility guidelines. content is centered inside the IconButton.

This component is typically used inside an App Bar for the navigation icon / actions. See App Bar documentation for samples of this.

content should typically be an Icon, using an icon from androidx.compose.material.icons.Icons. If using a custom icon, note that the typical size for the internal icon is 24 x 24 dp.

Overloads

IconButton

@Composable
fun IconButton(
    onClick: () -> Unit,
    modifier: Modifier = Modifier,
    enabled: Boolean = true,
    interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
    content: @Composable () -> Unit
)

Parameters

Name	Description
`onClick`	the lambda to be invoked when this icon is pressed
`modifier`	optional Modifier for this IconButton
`enabled`	whether or not this IconButton will handle input events and appear enabled for semantics purposes
`interactionSource`	the MutableInteractionSource representing the stream of Interactions for this IconButton. You can create and pass in your own remembered MutableInteractionSource if you want to observe Interactions and customize the appearance / behavior of this IconButton in different Interactions.
`content`	the content (icon) to be drawn inside the IconButton. This is typically an Icon