# Dropdown Menu Label

### Overview

Displays a label view for menu items in a dropdown menu. Use `DropdownMenuLabel` for consistent row cells in [](https://swift-packages.gitbook.io/materialuikit/components/dropdown-menu "mention").

To you use the `DropdownMenuLabel`, initialize it with a system image and a title string to customize the label’s appearance. 

### Initializer 

Creates a label with the given system image and title.

```swift
DropdownMenuLabel(_ systemImage: String, _ titleKey: String)
```

### Properties

<table data-header-hidden><thead><tr><th width="208"></th><th></th></tr></thead><tbody><tr><td><strong>Property</strong></td><td><strong>Description</strong></td></tr><tr><td><code>systemImage</code></td><td>The name of the system image to be displayed.</td></tr><tr><td><code>titleKey</code></td><td>The text to be displayed next to the image.</td></tr></tbody></table>

### Example

```swift
DropdownMenu {
   DropdownMenuLabel(systemImage: "1.circle.fill", "Option 1")
   DropdownMenuLabel(systemImage: "2.circle.fill", "Option 2")
   DropdownMenuLabel(systemImage: "3.circle.fill", "Option 3")
}, label: {
   Image(systemName: "ellipsis.circle.fill")
}
```

<figure><picture><source srcset="https://2931569195-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHpwjDgYAa64eKF8AGmeE%2Fuploads%2Fh26nvO2dEJXpxM9P01hI%2FDrop%20menu%20custom%20dark.png?alt=media&#x26;token=a75c1841-2566-4813-ab7e-4c1bb33d300c" media="(prefers-color-scheme: dark)"><img src="https://2931569195-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHpwjDgYAa64eKF8AGmeE%2Fuploads%2FCZq6kbBH8e3Nom37wpUo%2FDrop%20menu%20custom%20light.png?alt=media&#x26;token=1f41584d-f68e-4a85-b3d5-280dbcb16bf7" alt=""></picture><figcaption></figcaption></figure>