← Back to Wear Material
Button
Component
in
Wear Material
. Since 1.0.0Overview
Examples
Community Notes
@Composable
fun ButtonWithIcon() {
Button(
onClick = { /* Do something */ },
enabled = true,
) {
Icon(
painter = painterResource(id = R.drawable.ic_airplanemode_active_24px),
contentDescription = "airplane",
modifier = Modifier
.size(ButtonDefaults.DefaultIconSize).wrapContentSize(align = Alignment.Center),
)
}
}
@Composable
fun LargeButtonWithIcon() {
Button(
onClick = { /* Do something */ },
enabled = true,
modifier = Modifier.size(ButtonDefaults.LargeButtonSize)
) {
Icon(
painter = painterResource(id = R.drawable.ic_airplanemode_active_24px),
contentDescription = "airplane",
modifier = Modifier
.size(ButtonDefaults.LargeIconSize).wrapContentSize(align = Alignment.Center),
)
}
}
@Composable
fun ButtonWithText() {
Button(
onClick = { /* Do something */ },
enabled = true,
modifier = Modifier.size(ButtonDefaults.LargeButtonSize)
) {
Text("Big")
}
}
@Composable
fun ButtonWithIcon() {
Button(
onClick = { /* Do something */ },
enabled = true,
) {
Icon(
painter = painterResource(id = R.drawable.ic_airplanemode_active_24px),
contentDescription = "airplane",
modifier = Modifier
.size(ButtonDefaults.DefaultIconSize).wrapContentSize(align = Alignment.Center),
)
}
}
@Composable
fun LargeButtonWithIcon() {
Button(
onClick = { /* Do something */ },
enabled = true,
modifier = Modifier.size(ButtonDefaults.LargeButtonSize)
) {
Icon(
painter = painterResource(id = R.drawable.ic_airplanemode_active_24px),
contentDescription = "airplane",
modifier = Modifier
.size(ButtonDefaults.LargeIconSize).wrapContentSize(align = Alignment.Center),
)
}
}
@Composable
fun ButtonWithText() {
Button(
onClick = { /* Do something */ },
enabled = true,
modifier = Modifier.size(ButtonDefaults.LargeButtonSize)
) {
Text("Big")
}
}
Previous Component← AppCard
Next ComponentCheckbox →