Sizing
A list of Sizing tokens that can be used in component styles.
<Viewstyle={{width: sizing.medium,height: sizing.small}}/>
Token | Value | x8 multiplier | |
---|---|---|---|
"none" | 0 | 0x | |
"xsmall" | 24 | 3x | |
"small" | 32 | 4x | |
"base" | 40 | 5x | |
"medium" | 48 | 6x | |
"large" | 56 | 7x | |
"xlarge" | 72 | 9x | |
"0.5x" | 4 | 0.5x | |
"1x" | 8 | 1x | |
"1.5x" | 12 | 1.5x | |
"2x" | 16 | 2x | |
"8x" | 64 | 8x | |
"10x" | 80 | 10x |