D
D
Developers
Search…
Radius
Radius tokens define one single radius, such as 4px .

Example Token Payload

This is what the radius payload looks like:
1
{
2
"id": string
3
"name": string
4
"description": string
5
"tokenType": "Radius"
6
"origin": ItemOrigin | null
7
"value": {
8
"radius": {
9
"unit": "px",
10
"measure": double
11
"referencedToken": Measure | null
12
},
13
"topLeft": {
14
"unit": "px",
15
"measure": double
16
"referencedToken": Measure | null
17
},
18
"topRight": {
19
"unit": "px",
20
"measure": double
21
"referencedToken": Measure | null
22
},
23
"bottomLeft": {
24
"unit": "px",
25
"measure": double
26
"referencedToken": Measure | null
27
},
28
"bottomRight": {
29
"unit": "px",
30
"measure": double
31
"referencedToken": Measure | null
32
},
33
"referencedToken": Radius | null
34
}
35
}
Copied!
Radius can either define symmetric radius (all box corners have the same value) in which case radius property is used, or the radius can be defined for each box corner separately.

Associated functions

You can use the following functions to retrieve radius tokens from your design system:
Last modified 6mo ago