# Shapes

# Shapes

Artifact:[androidx.wear.protolayout:protolayout-material3](https://developer.android.com/jetpack/androidx/releases/wear-protolayout)  
[View Source](https://cs.android.com/search?q=file:androidx/wear/protolayout/material3/Shapes.kt+class:androidx.wear.protolayout.material3.Shapes)  
Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)

*** ** * ** ***

Kotlin\|[Java](https://developer.android.com/reference/androidx/wear/protolayout/material3/Shapes "View this page in Java")

<br />

```
class Shapes
```

<br />

*** ** * ** ***

Material surfaces can be displayed in different shapes. Shapes direct attention, identify components, communicate state, and express brand.

The shape scale defines the style of container, offering a range of curved shapes. The default[Shapes](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes)theme for Material3 is rounded rectangles, with various degrees of corner roundness:

- None

- Extra Small

- Small

- Medium

- Large

- Extra Large

- Full

You can customize the shape of any component by overriding the shape parameter for that component. For example, by default, buttons use the shape style "large". If your product requires a smaller amount of roundness, you can override the shape parameter with a different shape value like[Shapes.small](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#small()).

## Summary

|                                                        ### Public constructors                                                        |
|---------------------------------------------------------------------------------------------------------------------------------------|
| [Shapes](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#Shapes())`()` Default Shape theme. |

|                                                     ### Public properties                                                     |
|-------------------------------------------------------------------------------------------------------------------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [extraLarge](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#extraLarge()) The extra large, almost round corner with`36dp`corner radius. |
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [extraSmall](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#extraSmall()) The extra small, mostly square corner with`4dp`corner radius. |
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [full](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#full()) Full corner radius, i.e. round shape.                                     |
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [large](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#large()) The large, mostly round corner with`26dp`corner radius.                 |
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [medium](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#medium()) The medium corner with`18dp`corner radius.                            |
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [none](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#none()) No corner radius, i.e. square shape.                                      |
| [ModifiersBuilders.Corner](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/ModifiersBuilders.Corner) | [small](https://developer.android.com/reference/kotlin/androidx/wear/protolayout/material3/Shapes#small()) The small, almost square corner with`8dp`corner radius.                 |

## Public constructors

### Shapes

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
Shapes()
```

Default Shape theme.  

## Public properties

### extraLarge

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val extraLarge: ModifiersBuilders.Corner
```

The extra large, almost round corner with`36dp`corner radius.  

### extraSmall

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val extraSmall: ModifiersBuilders.Corner
```

The extra small, mostly square corner with`4dp`corner radius.  

### full

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val full: ModifiersBuilders.Corner
```

Full corner radius, i.e. round shape.  

### large

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val large: ModifiersBuilders.Corner
```

The large, mostly round corner with`26dp`corner radius.  

### medium

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val medium: ModifiersBuilders.Corner
```

The medium corner with`18dp`corner radius.  

### none

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val none: ModifiersBuilders.Corner
```

No corner radius, i.e. square shape.  

### small

Added in[1.3.0](https://developer.android.com/jetpack/androidx/releases/wear-protolayout#1.3.0)  

```
val small: ModifiersBuilders.Corner
```

The small, almost square corner with`8dp`corner radius.