Material Design shape

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

Shape image

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

Summary

Public constructors
Shapes(
    small: CornerBasedShape,
    medium: CornerBasedShape,
    large: CornerBasedShape
)
Cmn

Public functions
Shapes
copy(
    small: CornerBasedShape,
    medium: CornerBasedShape,
    large: CornerBasedShape
)

Returns a copy of this Shapes, optionally overriding some of the values.
Cmn
open operator Boolean
equals(other: Any?)
Cmn
open Int
Cmn
open String
Cmn

Public properties
CornerBasedShape

Shape used by large components like ModalDrawer or ModalBottomSheetLayout.
Cmn
CornerBasedShape

Shape used by medium components like Card or AlertDialog.
Cmn
CornerBasedShape

Shape used by small components like Button or Snackbar.
Cmn

Public constructors

Shapes

Cmn
Added in 1.0.0
Shapes(
    small: CornerBasedShape = RoundedCornerShape(4.dp),
    medium: CornerBasedShape = RoundedCornerShape(4.dp),
    large: CornerBasedShape = RoundedCornerShape(0.dp)
)

Public functions

copy

Cmn
Added in 1.0.0
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.

equals

Cmn 
open operator fun equals(other: Any?): Boolean

hashCode

Cmn 
open fun hashCode(): Int

toString

Cmn 
open fun toString(): String

Public properties

large

Cmn
Added in 1.0.0
val large: CornerBasedShape

Shape used by large components like ModalDrawer or ModalBottomSheetLayout.

medium

Cmn
Added in 1.0.0
val medium: CornerBasedShape

Shape used by medium components like Card or AlertDialog.

small

Cmn
Added in 1.0.0
val small: CornerBasedShape

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.