SparkShapes
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. SparkShapes categories include:
Small components
Medium components
Large components
Parameters
A shape style with 4 same-sized corners whose size are equal to RectangleShape. By default app bars, navigation bars, banners, full-screen dialogs, and navigation rails use this shape.
A shape style with 4 same-sized corners whose size are bigger than RectangleShape and smaller than SparkShapes.small. By default, autocomplete menu, select menu, snackbars, standard menu, and text fields use this shape.
A shape style with 4 same-sized corners whose size are bigger than SparkShapes.extraSmall and smaller than SparkShapes.medium. By default, chips use this shape.
A shape style with 4 same-sized corners whose size are bigger than SparkShapes.small and smaller than SparkShapes.large. By default, cards and small FABs use this shape.
A shape style with 4 same-sized corners whose size are bigger than SparkShapes.medium and smaller than SparkShapes.extraLarge. By default, extended FABs, FABs, and navigation drawers use this shape.
A shape style with 4 same-sized corners whose size are bigger than SparkShapes.large and smaller than CircleShape. By default, large FABs, bottom sheets, dialogs, and time picker use this shape.
A shape style with 4 same-sized corners whose size are equal to CircleShape. By default, large badges, buttons, icon buttons, sliders, switches, and search bar use this shape.