Border radius#
Along with setting pixel-based border radii, you can set pre-defined border radii in the global theme using the borderRadius
prop.
Box with a default border radius
Box with a border radius of 0
Box with a border radius of 1
Box with a border radius of 2
Box with a border radius of 3
Box with a border radius of 4
Box with a border radius of 5
Box with a border radius of 6
Editable example
Theming#
Schema#
const theme = {borderRadii: {default: string,'0': string,'1': string,'2': string,'3': string,'4': string,'5': string,'6': string,'7': string,[key: string]: string}}
Example#
const theme = {borders: {default: '6px','8': '60px'}}
On this page