Skip to main content
.glassEffect(style?: string | { interactive?: boolean; tint?: Color }): Component;

​
Parameters

​
style
string | { interactive?: boolean; tint?: Color }
Glass effect configuration. Can be a string style name or a configuration object.

​
Support

​
Usage

​
Default glass effect

Rectangle()
    .fill(Color("white"))
    .glassEffect()

​
Glass with tint

Circle()
    .fill(Color("blue"))
    .glassEffect({ tint: Color("blue") })

​
Interactive glass

VStack([Text("Glass content")])
    .glassEffect({ interactive: true })