StylishOutlinedIconButton

fun StylishOutlinedIconButton(onClick: () -> Unit, modifier: Modifier = Modifier, enabled: Boolean = true, shape: Shape = IconButtonDefaults.outlinedShape, colors: IconButtonColors = IconButtonDefaults.outlinedIconButtonColors(), border: BorderStroke? = IconButtonDefaults.outlinedIconButtonBorder(enabled), interactionSource: MutableInteractionSource? = null, content: @Composable () -> Unit)

An outlined icon button with a hairline border, wrapping the Material 3 OutlinedIconButton with the theme's default colors.

The outlined variant separates the action from its surroundings with a border; use it when the action needs more visual separation than a bare icon button. content should typically be an Icon sized 24 x 24 dp; the button enforces a 48 x 48 dp minimum touch target.

Parameters

onClick

Called when the button is tapped.

modifier

Modifier applied to the button root.

enabled

When false, the button ignores pointer input and renders in the disabled color scheme.

shape

Shape of the button's container and border. Defaults to IconButtonDefaults.outlinedShape.

colors

Colors used in each state. Defaults to IconButtonDefaults.outlinedIconButtonColors.

border

Border drawn around the container. Defaults to IconButtonDefaults.outlinedIconButtonBorder resolved from enabled. Pass null for no border.

interactionSource

The MutableInteractionSource for the button, used to observe press/focus/hover interactions. When null, an internal one is remembered.

content

The content of the button, typically an Icon.

See also