Contents

ComponentShadow

The object for creating a component shadow.

Declaration

object ComponentShadow

Properties

NameTypeDescription
color RequiredColor

The component shadow color.

radius Required(SupportedUnits | number)

The shadow’s radius.

offsetComponentShadowOffset

The shadow’s offset.

opacityfloat

The opacity of the shadow as a value between 0 and 1.

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