Shape
The M3 shape system includes original shapes, a corner radius scale, and built-in shape morphing
Overview & principles · Corner radius scale · Shape morph
The Material shape library supports easy transitioning, or morphing, between shapes. Shape morph is leveraged in the standard button group and loading indicator components.
Using shape morph
Access to the Material shape library and the shape morph functionality are available through a platform-specific API.
- For Android, use the Shapes in Compose API
- Web is not currently available
Shape morphing uses the expressive motion scheme by default. This can be switched to the standard motion scheme as needed.
The Material shape library contains many types of shapes that can all morph seamlessly into each other
Material uses shape morphing in the standard button group and loading indicator components.
The standard button group uses shape morph to show interaction
The loading indicator uses shape morph to show progress