---
url: "https://vueda.dev/v3/reference/theming/keys/MenubarTrigger.md"
title: "MenubarTrigger"
---

# MenubarTrigger

Source: `client/lib/theme/vueda-tailwind/navigation/index.js`

> Top-level menubar trigger. Uses compact rounded corners and neutral accent open/focus states.

Vue component: [MenubarTrigger](/v3/reference/api/vue/MenubarTrigger.md)

| Slot | Default classes | Description |
| --- | --- | --- |
| [root](/v3/reference/theming/keys/MenubarTrigger.md#theme-key-MenubarTrigger-root) | 3 classes | Top-level menubar trigger. Uses compact rounded corners and neutral accent open/focus states. |

<a id="theme-key-MenubarTrigger-root"></a>

## root

> Top-level menubar trigger. Uses compact rounded corners and neutral accent open/focus states.

Default classes:

```text
focus:bg-accent focus:text-accent-foreground active:bg-accent-active active:text-accent-foreground
data-[state=open]:bg-accent data-[state=open]:text-accent-foreground
flex items-center rounded-sm px-2 py-1 text-sm font-medium outline-hidden select-none
```

Source: `client/lib/theme/vueda-tailwind/navigation/MenubarTrigger.theme.js:16`