#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

#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'
}
}
Copyright © 2020 Jake Moxey