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
Last updated: Jul 07, 2026
