Skip to main content

rtk-menu

A menu component.

<rtk-menu placement="top">
  <rtk-button slot="trigger">Top Menu</rtk-button>
  <rtk-menu-list>
    <rtk-menu-item onclick="alert('You clicked alert()')">alert()</rtk-button>
  </rtk-menu-list>
</rtk-menu>

Props​

iconPack

Icon pack

Default
defaultIconPack

offset

Offset in px

Default
10
Type
number

placement

Placement of menu

Default
'bottom-end'
Type
"bottom" | "bottom-end" | "bottom-start" | "left" | "left-end" | "left-start" | "right" | "right-end" | "right-start" | "top" | "top-end" | "top-start"

size

Size

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

t

Language

Default
useLanguage()