# EuiUserProfileMenuItemComponent

**Type:** component

<p>Individual menu item component for user profile menus. Implements FocusableOption
for keyboard navigation support. Used within eui-user-profile-menu to create
actionable menu entries.</p>
<h3>Basic Usage</h3>
<b>Example :</b><div><pre class="line-numbers"><code class="language-html">&lt;eui-user-profile-menu&gt;
  &lt;eui-user-profile-menu-item (click)=&quot;viewProfile()&quot;&gt;
    &lt;eui-icon-svg icon=&quot;eui-user&quot; size=&quot;s&quot; /&gt;
    My Profile
  &lt;/eui-user-profile-menu-item&gt;

  &lt;eui-user-profile-menu-item (click)=&quot;changePassword()&quot;&gt;
    &lt;eui-icon-svg icon=&quot;eui-lock&quot; size=&quot;s&quot; /&gt;
    Change Password
  &lt;/eui-user-profile-menu-item&gt;

  &lt;eui-user-profile-menu-item (click)=&quot;logout()&quot;&gt;
    &lt;eui-icon-svg icon=&quot;eui-logout&quot; size=&quot;s&quot; /&gt;
    Logout
  &lt;/eui-user-profile-menu-item&gt;
&lt;/eui-user-profile-menu&gt;</code></pre></div><h3>Accessibility</h3>
<ul>
<li>Implements ARIA menuitem role</li>
<li>Keyboard focusable with proper tabindex management</li>
<li>Supports focus() method for programmatic focus</li>
<li>Works with parent menu&#39;s keyboard navigation</li>
</ul>
<h3>Notes</h3>
<ul>
<li>Must be used within eui-user-profile-menu</li>
<li>Supports any content (text, icons, badges)</li>
<li>Click events handled through standard Angular event binding</li>
<li>Focus managed by parent menu&#39;s FocusKeyManager</li>
</ul>


**Selector:** `eui-user-profile-menu-item`

**Standalone:** false
