MenuItemButton
A row button used inside menus and command palettes. The inner label
<Text> accepts the full Text-prop API via labelProps (ff, fw, lts, tt, c, style).Source
LLM docs
Package
Examples
1
Properties
48
Playground
Basics
Simple dropdown menu with icons and dividers.
Loading demo…
import { Menu, MenuItem, MenuDivider, MenuDropdown, Button, Icon } from '@plocks/ui';
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>
)
}React Native design for iOS, Android, and Web.
Quick Links
Resources