# menu (deprecated)

{% hint style="danger" %}
**`menu` is considered deprecated**

Support for `menu` may be dropped in a future release. Please use [`button-group`](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/button-group) `(`[`button v3`](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/button)`)` without `menu`, or the [`list`](https://docs.journeyapps.com/reference/build/ui-components/all-ui-components/list) component, to ensure that your app remains compatible with the latest versions of the JourneyApps Runtime.
{% endhint %}

This component can be used to group similar actions, but for menus or any kind of navigation the suggested component to use is a `list`.

```xml
<menu>
    <button label="Search for Item" subtext="Search through items by name" icon="icons/search-icon.png" />
    <button label="List All Items" subtext="View list of all items" icon="icons/checklist2.png" />
</menu>
```

### Configuration

| Option    | Required   | Details                                                                                                                                                                                                                                                                                                                                                                                                          |
| --------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| `show-if` | _optional_ | Controls whether the component is hidden or shown. The argument specified to `show-if` can either be a literal boolean value (`true` or `false`), or it can specify a variable, parameter or field that can be a string, number, object, etc. that **evaluates to false** or **evaluates to true**. If the component also specifies `required="true"`, but it is hidden, the validation will be ignored/skipped. |
| `hide-if` | _optional_ | The opposite of `show-if` (see above).                                                                                                                                                                                                                                                                                                                                                                           |

### Nested Tags — button

Please refer to the `menu` `button` section of the button component for details about the configuration of the buttons in the menu.
