# hide-if

**Optional**

**Type:** `boolean`

**Default**: `false`

Controls visibility of the UI component. If set to `true`, the component will not be displayed. Can be the result of a [JS/TS function](https://docs.journeyapps.com/reference/app-features/calling-js-functions-from-xml).

Also see [`show-if`](https://docs.journeyapps.com/reference/build/ui-components/xml-fields/show-if).

{% hint style="info" %}
**Further reading**: You can find more details about showing or hiding UI components [here](https://docs.journeyapps.com/reference/build/ui-components/show-hide-components).
{% endhint %}