---
url: "https://vueda.dev/v3/reference/api/vue/SidebarMenuButton.md"
title: "SidebarMenuButton"
---

# SidebarMenuButton

## Overview

A sidebar menu button that shows a tooltip when the sidebar is collapsed.

## Props

| Name | Type | Required | Default | Description |
| --- | --- | --- | --- | --- |
| <span id="prop-class">class</span> | `import('vue').HTMLAttributes['class']` |  | `undefined` | Additional CSS classes to apply to the root element. |
| <span id="prop-as">as</span> | `string\|object` |  | `"button"` | The element or component to render as. |
| <span id="prop-asChild">asChild</span> | `boolean` |  | `false` | When true, merges props onto the child element. |
| <span id="prop-variant">variant</span> | `string` |  | `"default"` | The style variant. |
| <span id="prop-size">size</span> | `string` |  | `"default"` | The size variant. |
| <span id="prop-isActive">isActive</span> | `boolean` |  | `false` | Whether the button represents the current active item. |
| <span id="prop-tooltip">tooltip</span> | `string\|object` |  | `undefined` | Tooltip content shown when sidebar is collapsed. Pass a string or component. |

## Slots

### `default` {#slot-default}

Slot.

## Source

`client/lib/navigation/sidebar/SidebarMenuButton.vue`