← Back to Material Compose
OutlinedButton
Component
in
Material
. Since 0.1.0-dev15Overview
Code Examples
Video
<a href="https://material.io/components/buttons#outlined-button" class="external" target="_blank">Material Design outlined button</a>.
Outlined buttons are medium-emphasis buttons. They contain actions that are important, but aren't the primary action in an app.
!Outlined button image(https://developer.android.com/images/reference/androidx/compose/material/outlined-button.png)
The default text style for internal Text components will be set to Typography.button.
Overloads
OutlinedButton
@Composable
@NonRestartableComposable
fun OutlinedButton(
onClick: () -> Unit,
modifier: Modifier = Modifier,
enabled: Boolean = true,
interactionSource: MutableInteractionSource = remember { MutableInteractionSource() },
elevation: ButtonElevation? = null,
shape: Shape = MaterialTheme.shapes.small,
border: BorderStroke? = ButtonDefaults.outlinedBorder,
colors: ButtonColors = ButtonDefaults.outlinedButtonColors(),
contentPadding: PaddingValues = ButtonDefaults.ContentPadding,
content: @Composable RowScope.() -> Unit
)
Parameters
Name | Description |
---|---|
onClick | Will be called when the user clicks the button |
modifier | Modifier to be applied to the button |
enabled | Controls the enabled state of the button. When false , this button will not be clickable |
interactionSource | the MutableInteractionSource representing the stream of Interactions for this Button. You can create and pass in your own remembered MutableInteractionSource if you want to observe Interactions and customize the appearance / behavior of this Button in different Interactions. |
elevation | ButtonElevation used to resolve the elevation for this button in different states. An OutlinedButton typically has no elevation, see Button for a button with elevation. |
shape | Defines the button's shape as well as its shadow |
border | Border to draw around the button |
colors | ButtonColors that will be used to resolve the background and content color for this button in different states. See ButtonDefaults.outlinedButtonColors. |
contentPadding | The spacing values to apply internally between the container and the conten |