# Conditions

{% hint style="warning" %}
You'll find all conditions-related settings in the "Options" card "Show/hide" tab.
{% endhint %}

## Where they can be placed

* Conditions on buttons
* Conditions on components
* Conditions on pages

## Types of conditions

* Is / Includes: It means the component will be displayed if another component is or includes any of the selected value/s.
* Is Not / Does Not Include: It means the component will be displayed if another component isn't or doesn't include any of the selected value/s.
* Exists: It means the component will be displayed if another component exists or has a value.
* Does Not Exist: It means the component will be displayed if another component doesn't exist or doesn't have a value.

## Example use-cases

* Showing a "We don't work in your area" or "You must be older than 18" page if the user's input doesn't match your requirements, hide it if it does. 
* Create a couple of groups of bullet points describing the different service plans you're offering. Show one or the other depending on the plan you recommend for the user.
* You can have a Stripe component for subscriptions, another for one-time payments, and another one for collecting card details. You can hide the ones you don't need for a particular customer.

{% hint style="warning" %}
If more than one condition is added to a page, component, or button, both conditions need to be true for the component to be displayed.
{% endhint %}

{% hint style="info" %}
Tip: An alternative way to Hide components, pages or buttons is toggling on "Hide Page"/"Hide Component"/"Hide Button".
{% endhint %}

## Related Docs:

<table data-view="cards"><thead><tr><th align="center"></th><th data-hidden data-card-cover data-type="files"></th><th data-hidden data-card-target data-type="content-ref"></th></tr></thead><tbody><tr><td align="center"><mark style="color:blue;"><strong>How to set show/hide conditions</strong></mark></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FKy7cNUcqqFaWZH9D4aap%2F2023-02-28_13h59_29.png?alt=media&#x26;token=7abe3cae-3736-47c9-b83a-7aa5909f7433">2023-02-28_13h59_29.png</a></td><td><a href="../../how-tos/logic-how-tos/how-to-set-show-hide-conditions">how-to-set-show-hide-conditions</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>How to hide a global component on a specific page</strong></mark></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2F55Dmy2Hl9dJfhqSQVsGI%2F2023-03-07_11h13_03.png?alt=media&#x26;token=6007ede2-115c-42df-a01a-d97223ccbc01">2023-03-07_11h13_03.png</a></td><td><a href="../../how-tos/general-how-tos/how-to-hide-a-global-component-on-a-specific-page">how-to-hide-a-global-component-on-a-specific-page</a></td></tr><tr><td align="center"><mark style="color:blue;"><strong>How to display a value previously entered by the user</strong></mark></td><td><a href="https://2080030610-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FgFafh00YOojEhbybq4uG%2Fuploads%2FVJe3CzbQg9dlGvUnowns%2F2023-03-07_11h14_42.png?alt=media&#x26;token=477c728c-cfda-4da5-a6d1-e7a62723c506">2023-03-07_11h14_42.png</a></td><td><a href="../../how-tos/logic-how-tos/how-to-display-a-value-previously-entered-by-the-user">how-to-display-a-value-previously-entered-by-the-user</a></td></tr></tbody></table>