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.
4px
4px
Extra-small
Use for menus, snackbars, text fields, etc.
8px
8px
Small
TBD
12px
12px
Medium
Use for menus, snackbars, text fields, etc.
16px
16px
Large
Use for cards, FABs, etc.
28px
28px
Extra-large
Use for cards, FABs, etc.
1000px
1000px
Full
Use for buttons, badges, chips, etc.