Expand description
Corner radii and the connected-group corner rule.
Constants§
- FIELD_
RADIUS - Filled and outlined text fields: M3 extra-small (top corners for filled).
- MENU_
RADIUS - Menus and the fields that open them: M3 large.
- RADIUS_
CARD - Cards: M3 medium.
- RADIUS_
EXTRA_ EXTRA_ LARGE - M3 Expressive corner extra-extra-large (48).
- RADIUS_
EXTRA_ LARGE - M3 corner extra-large (28): dialogs, large hero surfaces.
- RADIUS_
EXTRA_ LARGE_ INCREASED - M3 Expressive corner extra-large-increased (32).
- RADIUS_
EXTRA_ SMALL - M3 corner extra-small (4): snackbars, text fields, small flat surfaces.
- RADIUS_
FULL - M3 corner full: the kit’s
Corner/Full(1000), large enough to round any control into a pill. - RADIUS_
HERO - Large standalone cards and hero surfaces: M3 extra-large.
- RADIUS_
LARGE - M3 corner large (16).
- RADIUS_
LARGE_ INCREASED - M3 Expressive corner large-increased (20).
- RADIUS_
MEDIUM - M3 corner medium (12): cards.
- RADIUS_
NONE - M3 corner none (0).
- RADIUS_
PILL - Alias of
RADIUS_FULL. - RADIUS_
SMALL - M3 corner small (8): chips, badges, small covers and notices.
- TILE_
GAP - TILE_
INNER_ RADIUS - TILE_
RADIUS - Connected tiles keep 24px corners on their group’s outside and 6px where tiles meet, with 2px of ground between them.
Functions§
- list_
corners - The outside corners of item
indexin a vertical group ofcount. - tile_
corners - Round
elementas a connected tile: outside corners atTILE_RADIUS, inner ones atTILE_INNER_RADIUS.
Type Aliases§
- Outer
Corners - Which corners of a connected item are on its group’s outside, as top-left, top-right, bottom-right, bottom-left.