MenuItemButton

A row button used inside menus and command palettes. The inner label <Text> accepts the full Text-prop API via labelProps (ff, weight, tracking, uppercase, color, style).

Source

View source code

LLM docs

LLM documentation

Package

@platform-blocks/react-ui-library

Examples

⁽¹⁾

Properties

⁽⁴⁴⁾

Playground

Simple dropdown menu with icons and dividers.

Loading demo…

import
 
{
 
Menu
,
 
MenuItem
,
 
MenuDivider
,
 
MenuDropdown
,
 
Button
,
 
Icon
 
}
 
from
 
'@platform-blocks/react-ui-library'
;
 
export
 
function
 
Demo
(
)
 
{
  
return
 
(
    
<Menu
>
      
<Button
 
variant
=
"filled"
>
Open
 
Menu
</Button
>
      
<MenuDropdown
>
        
<MenuItem
 
startSection
=
{
<Icon
 
name
=
"user"
 
/>
}
>
          
Profile
        
</MenuItem
>
        
<MenuItem
 
startSection
=
{
<Icon
 
name
=
"settings"
 
/>
}
>
          
Settings
        
</MenuItem
>
        
<MenuItem
 
startSection
=
{
<Icon
 
name
=
"info"
 
/>
}
>
          
Help
 
&
 
Support
        
</MenuItem
>
        
<MenuItem
 
startSection
=
{
<Icon
 
name
=
"arrow-left"
 
/>
}
>
          
Logout
        
</MenuItem
>
      
</MenuDropdown
>
    
</Menu
>
  
)
}

Scan to open this page on your phonereact-ui-library.com/components/MenuItemButton

</>

react-ui-library

100+ accessible, themeable components that work seamlessly across iOS, Android, and Web.

A Platform Blocks product.

Quick Links

Components Charts Hooks

Docs

Getting Started Localization llms.txt

Resources

FAQ Changelog Accessibility Sitemap

MenuItemButton

Basic Menu

react-ui-library