# Case

## Description:

Case

Cases are the possible outputs of the evaluated switch expression. Only the children of the case which is equal to the evaluated expression from the switch, will be rendered.

For example, suppose the switch expression is `#{attr} == 'success' ? 'A' : 'B'`Here we can have two cases

* Case 1: `A`
* Case 2: `B`

If the outcome of expression is **A**, then the children of case A will be rendered or if the outcome is **B** then children of case B will be rendered. If the outcome does not match any of the cases, then nothing will render.

### Allowed Parent Components:

1. Switch

### Allowed Child Components:

1. Button
2. Card Wrapper
3. Col
4. Form
5. Icon
6. Row
7. Trigger Before Render
8. Wave

### Properties

### ➤ Case

Provide a constant string value (without quotes) for this case to match the above switch condition

Allowed Values: Free text field


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.cloudio.io/ui-components/widgets/case.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.