Skip to main content

RtkMenuItem

A menu item component.

<View style={{ padding: '52px 0 0 0' }}>
  <RtkMenu placement="top">
    <RtkButton>Top Menu</RtkButton>
    <RtkMenuList>
      <RtkMenuItem onClick={() => alert('You clicked: alert()')}>
        alert()
      </RtkMenuItem>
    </RtkMenuList>
  </RtkMenu>

  {/* This menu will be placed at top due to less space */}
  <RtkMenu placement="bottom">
    <RtkButton>Bottom Menu</RtkButton>
    <RtkMenuList>
      <RtkMenuItem onClick={() => alert('You clicked: alert()')}>
        alert()
      </RtkMenuItem>
    </RtkMenuList>
  </RtkMenu>
</View>

Props​

iconPack

Icon pack

Default
defaultIconPack

size

Size

Type
"lg" | "md" | "sm" | "xl"

t

Language

Default
useLanguage()