by @alexstyl
✉️ Leave your feedback

← Back to Wear Material

Button

Component
in
Wear Material
. Since 1.0.0

Overview

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 ComponentAppCard
Next ComponentCheckbox