---
title: ComponentShadow
framework: applenewsformat
role: symbol
role_heading: Object
path: applenewsformat/componentshadow
---

# ComponentShadow

The object for creating a component shadow.

## Declaration

```data
object ComponentShadow
```

## Properties

color: The component shadow color. radius: The shadow’s radius. offset: The shadow’s offset. opacity: The opacity of the shadow as a value between 0 and 1.

## Discussion

Discussion Use a ComponentShadow object to define a shadow that you can apply to components as part of ComponentStyle. Example {   "componentStyles": {     "exampleStyle": {       "backgroundColor": "#FFF",       "shadow": {         "color": "#33333350",         "opacity": 0.33,         "radius": "10cw",         "offset": {           "x": 2,           "y": "10cw"         }       }     }   } }

## See Also

### Component Effects

- [ComponentShadowOffset](applenewsformat/componentshadowoffset.md)