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.

TokenValue
"none"0
"xsmall"4
"small"6
"medium"8
"large"12
"xlarge"16
"full"9999