Skip to main content

Visible

Affects the visibility of the component. It is the inverse of the Hidden modifier.

modifier Visible
import { Visible, VStack, Text } from ui

export var main = VStack {
    Text("First")
    Text("Second") with {
        Visible(false)
    }
    Text("Third")
}

Hidden components still occupy their space. They just can't be interacted with and don't render onto the screen.

Constructor​

(_ visible)​

Conditionally shows the component.

_ visible: Bool​

Determines whether or not the component is visible.

Layout Behavior​

None.