class Shapes


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 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.

Summary

Public constructors

Default Shape theme.

Public properties

ModifiersBuilders.Corner

The extra large, almost round corner with 32dp corner radius.

ModifiersBuilders.Corner

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

ModifiersBuilders.Corner

Full corner radius, i.e. round shape.

ModifiersBuilders.Corner

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

ModifiersBuilders.Corner

The medium corner with 18dp corner radius.

ModifiersBuilders.Corner

No corner radius, i.e. square shape.

ModifiersBuilders.Corner

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

Public constructors

Shapes

Added in 1.3.0-alpha04
Shapes()

Default Shape theme.

Public properties

extraLarge

Added in 1.3.0-alpha04
val extraLargeModifiersBuilders.Corner

The extra large, almost round corner with 32dp corner radius.

extraSmall

Added in 1.3.0-alpha04
val extraSmallModifiersBuilders.Corner

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

full

Added in 1.3.0-alpha04
val fullModifiersBuilders.Corner

Full corner radius, i.e. round shape.

large

Added in 1.3.0-alpha04
val largeModifiersBuilders.Corner

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

medium

Added in 1.3.0-alpha04
val mediumModifiersBuilders.Corner

The medium corner with 18dp corner radius.

none

Added in 1.3.0-alpha04
val noneModifiersBuilders.Corner

No corner radius, i.e. square shape.

small

Added in 1.3.0-alpha04
val smallModifiersBuilders.Corner

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