Skip to main content
.shadow(props?: { radius: number; x?: number; y?: number, color?: Color | ColorProps }): Component;

​
Parameters

​
props
{ radius: number; x?: number; y?: number, color?: Color | ColorProps }
Shadow configuration object.

​
Support

​
Usage

​
Basic shadow

Rectangle()
    .fill(Color("white"))
    .shadow({ radius: 8 })

​
Shadow with offset

Text("Shadowed text")
    .shadow({ radius: 4, x: 2, y: 2 })

​
Colored shadow

Circle()
    .fill(Color("blue"))
    .shadow({ radius: 6, color: Color("red") })