Radii
A collection of tokens used for borderRadius.
// Best used with components with utility props<Box rounding="small">...</Box>// or if padding props are not available...<View style={{ borderRadius: radii["small"] }}>...</View>
Here are the different values that each token resolves to.
Token | Value | |
---|---|---|
"none" | 0 | |
"xsmall" | 4 | |
"small" | 6 | |
"medium" | 8 | |
"large" | 12 | |
"xlarge" | 16 | |
"full" | 9999 |