Shadow

Shadow tokens define one single shadow, such as 2px 2px 4px #000000 .

Example Token Payload

This is what the shadow payload looks like:

{
"id": string
"name": string
"description": string
"tokenType": "Shadow"
"origin": ItemOrigin | null
"value": {
"color": {
"hex": string
"r": int (0-255),
"g": int (0-255),
"b": int (0-255),
"a": int (0-255),
"referencedToken": Color | null
},
"x": {
"unit": "px",
"measure": double
"referencedToken": Measure | null
},
"y": {
"unit": "px",
"measure": double
"referencedToken": Measure | null
},
"spread": {
"unit": "px",
"measure": double
"referencedToken": Measure | null
},
"radius": {
"unit": "px",
"measure": double
"referencedToken": Measure | null
},
"opacity": double (0-1)
"referencedToken": Shadow | null
}
}

Associated functions

You can use the following functions to retrieve shadow tokens from your design system: