Interface Shadow

Represents shadow properties in Penpot. This interface includes properties for defining drop shadows and inner shadows, along with their visual attributes.

interface Shadow {
    id?: string;
    style?: "drop-shadow" | "inner-shadow";
    offsetX?: number;
    offsetY?: number;
    blur?: number;
    spread?: number;
    hidden?: boolean;
    color?: Color;
}

Properties

id? style? offsetX? offsetY? blur? spread? hidden? color?

Properties

Optionalid

id?: string

The optional unique identifier for the shadow.

Optionalstyle

style?: "drop-shadow" | "inner-shadow"

The optional style of the shadow.

  • 'drop-shadow': A shadow cast outside the element.
  • 'inner-shadow': A shadow cast inside the element.

OptionaloffsetX

offsetX?: number

The optional X-axis offset of the shadow.

OptionaloffsetY

offsetY?: number

The optional Y-axis offset of the shadow.

Optionalblur

blur?: number

The optional blur radius of the shadow.

Optionalspread

spread?: number

The optional spread radius of the shadow.

Optionalhidden

hidden?: boolean

Specifies whether the shadow is hidden. Defaults to false if omitted.

Optionalcolor

color?: Color

The optional color of the shadow, defined by a Color object.

Settings

Member Visibility

On This Page

Properties