# WearPreviewDevices

# WearPreviewDevices

Artifact:[androidx.wear.compose:compose-ui-tooling](https://developer.android.com/jetpack/androidx/releases/wear-compose)  
[View Source](https://cs.android.com/search?q=file:androidx/wear/compose/ui/tooling/preview/WearPreviewDevices.kt+class:androidx.wear.compose.ui.tooling.preview.WearPreviewDevices)  
Added in[1.2.0](https://developer.android.com/jetpack/androidx/releases/wear-compose#1.2.0)

<br />

```
@Preview(device = "id:wearos_large_round", backgroundColor = 4278190080, showBackground = true, group = "Devices - Large Round", showSystemUi = true)
@Preview(device = "id:wearos_small_round", backgroundColor = 4278190080, showBackground = true, group = "Devices - Small Round", showSystemUi = true)
annotation WearPreviewDevices
```

<br />

*** ** * ** ***

[WearPreviewDevices](https://developer.android.com/reference/kotlin/androidx/wear/compose/ui/tooling/preview/WearPreviewDevices)is a multi-preview annotation for composables with different Wear device shapes and sizes. It supports[WearDevices.SMALL_ROUND](https://developer.android.com/reference/kotlin/androidx/wear/tooling/preview/devices/WearDevices#SMALL_ROUND())and[WearDevices.LARGE_ROUND](https://developer.android.com/reference/kotlin/androidx/wear/tooling/preview/devices/WearDevices#LARGE_ROUND()).  

```kotlin
import androidx.compose.foundation.layout.size
import androidx.compose.foundation.layout.wrapContentSize
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.ui.Alignment
import androidx.compose.ui.Modifier
import androidx.compose.ui.res.painterResource
import androidx.wear.compose.material.Button
import androidx.wear.compose.material.ButtonDefaults
import androidx.wear.compose.material.Icon
import androidx.wear.compose.material.ToggleButton
import androidx.wear.compose.material.ToggleButtonDefaults

var checked by remember { mutableStateOf(true) }
ToggleButton(checked = checked, onCheckedChange = { checked = it }, enabled = true) {
    Icon(
        painter = painterResource(id = R.drawable.ic_airplanemode_active_24px),
        contentDescription = "airplane",
        modifier =
            Modifier.size(ToggleButtonDefaults.DefaultIconSize)
                .wrapContentSize(align = Alignment.Center),
    )
}
```  

|                                                           See also                                                            |
|-------------------------------------------------------------------------------------------------------------------------------|---|
| [SMALL_ROUND](https://developer.android.com/reference/kotlin/androidx/wear/tooling/preview/devices/WearDevices#SMALL_ROUND()) |   |
| [LARGE_ROUND](https://developer.android.com/reference/kotlin/androidx/wear/tooling/preview/devices/WearDevices#LARGE_ROUND()) |   |

## Summary

|                                                                  ### Public constructors                                                                  |
|-----------------------------------------------------------------------------------------------------------------------------------------------------------|
| [WearPreviewDevices](https://developer.android.com/reference/kotlin/androidx/wear/compose/ui/tooling/preview/WearPreviewDevices#WearPreviewDevices())`()` |

## Public constructors

### WearPreviewDevices

```
WearPreviewDevices()
```