DropShadow

Adds a soft shadow behind the child content based on its alpha silhouette

Props

  • color

    Shadow color

    Type
    string
    Default
    #000000

  • distance

    How far the shadow is offset from the content

    Type
    number
    Default
    0.1

  • angle

    Direction the shadow is cast (compass degrees: 0=up, 90=right, 135=lower-right, 180=down)

    Type
    number
    Default
    135

  • blur

    Shadow softness (blur radius in pixels)

    Type
    number
    Default
    5

  • intensity

    Shadow intensity — how strong/visible the shadow is

    Type
    number
    Default
    0.5

  • cutout

    Hide the original layer and show only the shadow

    Type
    boolean
    Default
    false

Usage

<Shader>
  <DropShadow
    color="#000000"
    intensity={0.5}
  >
    <Circle />
  </DropShadow>
</Shader>