---
title: "Shapes"
description: "[Material Design shape](https://material.io/design/shape/about-shape.html)

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

![Shape
image](https://developer.android.com/images/reference/androidx/compose/material/shape.png)

Components are grouped into shape categories based on their size. These categories provide a way
to change multiple component values at once, by changing the category’s values. Shape categories
include:
- Small components
- Medium components
- Large components

See [Material shape specification](https://material.io/design/shape/applying-shape-to-ui.html)"
type: "class"
---

<div class='type'>Class</div>


<a id='references'></a>

<div class='sourceset sourceset-common'>Common</div>


```kotlin
class Shapes(
    /**
     * Shape used by small components like [Button] or [Snackbar]. Components like
     * [FloatingActionButton], [ExtendedFloatingActionButton] use this shape, but override the
     * corner size to be 50%. [TextField] uses this shape with overriding the bottom corners to
     * zero.
     */
    val small: CornerBasedShape = RoundedCornerShape(4.dp),
    /** Shape used by medium components like [Card] or [AlertDialog]. */
    val medium: CornerBasedShape = RoundedCornerShape(4.dp),
    /** Shape used by large components like [ModalDrawer] or [ModalBottomSheetLayout]. */
    val large: CornerBasedShape = RoundedCornerShape(0.dp),
)
```


`Material Design shape`(https://material.io/design/shape/about-shape.html)

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

!`Shape
image`(https://developer.android.com/images/reference/androidx/compose/material/shape.png)

Components are grouped into shape categories based on their size. These categories provide a way
to change multiple component values at once, by changing the category’s values. Shape categories
include:
- Small components
- Medium components
- Large components

See `Material shape specification`(https://material.io/design/shape/applying-shape-to-ui.html)


## Functions

```kotlin
fun copy(
        small: CornerBasedShape = this.small,
        medium: CornerBasedShape = this.medium,
        large: CornerBasedShape = this.large,
    ): Shapes
```


Returns a copy of this Shapes, optionally overriding some of the values.