Skip to main content

Opacity

Applies opacity to the component and its children.

The opacity is applied to each descendent individually. Overlapping parts of components will become visible.

modifier Opacity
import { Opacity, Text } from ui

export var main = Text("Hello, world!") with {
    Opacity(0.5)
}

Constructor​

(_ opacity)​

_ opacity: Float​

A value between 0.0 (fully transparent) and 1.0 (fully opaque).

Layout Behavior​

None.