---
title: "Menu"
id: "menu"
description: "A Menu is a non-modal menu window attached next to a specific element."
headOnly: true
components: ["Menu"]
---

## Overview

import Default from "@/demo/Menu/Default";

<CodeSandbox {...Default} />

## Usage with Headless UI

import WithHeadlessUI from "@/demo/Menu/WithHeadlessUI";

<CodeSandbox {...WithHeadlessUI} previewStyle={{ height: "30rem" }} />
