glassEffect

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

string | object

The glass effect configuration. Can be a string style name or an options object.

Show object properties

boolean

Whether the glass effect responds to interactions such as presses.

Color

A tint color applied to the glass effect.

Support

Text("Frosted")
    .padding(16)
    .glassEffect()

Text("Tinted Glass")
    .padding(16)
    .glassEffect({ tint: Color("blue") })

Button("Tap Me", () => {})
    .padding(16)
    .glassEffect({ interactive: true })