Overview
Shape design tokens provide standardized values that help ensure consistent corner radii across Firefox experiences on Android.
Corner radius tokens
0px
0px
None
Use for edge to edge components such as app bars, tabs, and toolbar, etc.
Syntax: Android
shape_none
4px
4px
Extra-small
Use for menus, snackbars, text fields, etc.
Syntax: Android
shape_extra_small
8px
8px
Small
TBD
Syntax: Android
shape_small
12px
12px
Medium
Use for menus, snackbars, text fields, etc.
Syntax: Android
shape_medium
16px
16px
Large
Use for cards, FABs, etc.
Syntax: Android
shape_large
28px
28px
Extra-large
Use for cards, FABs, etc.
Syntax: Android
shape_extra_large
1000px
1000px
Full
Use for buttons, badges, chips, etc.
Syntax: Android
shape_full