D
D
Developers
Search…
Border
Border tokens define one single border, such as 1px solid #000000 .

Example Token Payload

This is what the border payload looks like:
1
{
2
"id": string
3
"name": string
4
"description": string
5
"tokenType": "Border"
6
"origin": ItemOrigin | null
7
"value": {
8
"color": {
9
"hex": string
10
"r": int (0-255),
11
"g": int (0-255),
12
"b": int (0-255),
13
"a": int (0-255),
14
"referencedToken": Color | null
15
},
16
"width": {
17
"unit": "px",
18
"measure": double
19
"referencedToken": Measure | null
20
},
21
"position": "Inside" | "Center" | "Outside"
22
"referencedToken": Border | null
23
}
24
}
Copied!

Associated functions

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