> ## Documentation Index
> Fetch the complete documentation index at: https://docs.getoperate.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Condition

> Conditional tabs are tabs that are displayed only if a condition is met. The conditions are an array of conditions. Conditions are evaluated in order. The first condition that evaluates to true will render its subgrid. If no condition evaluates to true, the last subgrid will be rendered.

The following section details Conditional Tabs component's specific settings. For more details on the App Editor, check the [dedicated documentation](#) or the App Editor [Quickstart](/introduction/quickstart/apps-quickstart):

<CardGroup cols={2}>
  <Card title="App Editor Documentation" href="/developer/manual/app">
    The app editor is a low-code builder to create custom User Interfaces with a mix of drag-and-drop and code.
  </Card>

  <Card title="Apps Quickstart" href="/introduction/quickstart/apps-quickstart">
    Learn how to build your first app in a matter of minutes.
  </Card>
</CardGroup>

## Conditional Tabs configuration

| Name       |    Type    | Connectable | Templatable | Default | Description                            |
| ---------- | :--------: | :---------: | :---------: | :-----: | -------------------------------------- |
| Conditions | boolean\[] |    false    |    false    |  false  | The conditions that will be evaluated. |

## Outputs

| Name                   |    Type    | Description                         |
| ---------------------- | :--------: | ----------------------------------- |
| conditions             | boolean\[] | The conditions evalutation          |
| selectedConditionIndex |   number   | The index of the selected condition |