---
meta:
title: Menu Label
description: Menu labels are used to describe a group of menu items.
layout: component
---
```html:preview
Fruits
Apple
Banana
Orange
Vegetables
Broccoli
Carrot
Zucchini
```
{% raw %}
```jsx:react
import SlDivider from '@shoelace-style/shoelace/dist/react/divider';
import SlMenu from '@shoelace-style/shoelace/dist/react/menu';
import SlMenuLabel from '@shoelace-style/shoelace/dist/react/menu-label';
import SlMenuItem from '@shoelace-style/shoelace/dist/react/menu-item';
const App = () => (
Fruits
Apple
Banana
Orange
Vegetables
Broccoli
Carrot
Zucchini
);
```
{% endraw %}