Shapes
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 |
|---|
Shapes()Default Shape theme. |
Public properties |
|
|---|---|
ModifiersBuilders.Corner |
The extra large, almost round corner with |
ModifiersBuilders.Corner |
The extra small, mostly square corner with |
ModifiersBuilders.Corner |
Full corner radius, i.e. round shape. |
ModifiersBuilders.Corner |
The large, mostly round corner with |
ModifiersBuilders.Corner |
The medium corner with |
ModifiersBuilders.Corner |
No corner radius, i.e. square shape. |
ModifiersBuilders.Corner |
The small, almost square corner with |
Public properties
extraLarge
val extraLarge: ModifiersBuilders.Corner
The extra large, almost round corner with 36dp corner radius.
extraSmall
val extraSmall: ModifiersBuilders.Corner
The extra small, mostly square corner with 4dp corner radius.
large
val large: ModifiersBuilders.Corner
The large, mostly round corner with 26dp corner radius.
medium
val medium: ModifiersBuilders.Corner
The medium corner with 18dp corner radius.
small
val small: ModifiersBuilders.Corner
The small, almost square corner with 8dp corner radius.