Skip to content

dropshadowvalue.md

Latest commit

 

History

History
55 lines (37 loc) · 1.46 KB

dropshadowvalue.md

File metadata and controls

55 lines (37 loc) · 1.46 KB
id dropshadowvalue
title DropShadowValue Object Type

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 Guassian blur algorithm. The larger the value the blurrier the shadow is. Only non-negative values are valid. The default is 0.

Type Optional
numer | string Yes

color

The color of the shadow. The default is black.

Type Optional
color Yes

Used by