DropShadowValue Object Type

Important: The Vega SDK supports many of the React Native version 0.83 components and APIs. You can use the supported components and APIs in the same manner as an ordinary React Native app. This page lists a specific React Native feature supported by the Vega SDK and contains React Native V0.83 documentation from the reactnative.dev website created by Meta and other contributors and licensed under the Attribution 4.0 International License. For more information about React Native V0.83, see the React Native documentation, version 0.83. For the most current feature information, see the Release Notes.

Note: This feature is not available on Vega.

The DropShadowValue object is taken by the filter style prop for the dropShadow function. It is comprised of 2 or 3 lengths and an optional color. These values collectively define the drop shadow's color, position, and blurriness.

Example

{
  offsetX: 10,
  offsetY: -3,
  standardDeviation: '15px',
  color: 'blue',
}

Keys and values

`offsetX`

The offset on the x-axis. This can be positive or negative. A positive value indicates right and negative indicates left.

Type	Optional
number \| string	No

`offsetY`

The offset on the y-axis. This can be positive or negative. A positive value indicates up and negative indicates down.

Type	Optional
number \| string	No

`standardDeviation`

Represents the standard deviation used in the Gaussian blur algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.

Type	Optional
number \| string	Yes

`color`

The color of the shadow. The default is black.

Type	Optional
color	Yes

Used by

filter

Last updated: Jul 07, 2026