shadow

.shadow(props?: {
    radius: number;
    x?: number;
    y?: number;
    color?: Color;
}): Component

RoundedRectangle(12)
    .frame({ width: 200, height: 100 })
    .foregroundStyle(Color("white"))
    .shadow({ radius: 8 })

Text("Elevated")
    .font("title")
    .padding(16)
    .background(Color("white"))
    .cornerRadius(12)
    .shadow({ radius: 4, x: 0, y: 2 })

Circle()
    .frame({ width: 80, height: 80 })
    .foregroundStyle(Color("blue"))
    .shadow({ radius: 12, color: Color("blue").opacity(0.5) })