<.dm_menu id="menu-single-default" open>
  <.dm_menu_item value="edit">Edit</.dm_menu_item>
  <.dm_menu_item value="copy">Copy</.dm_menu_item>
  <.dm_menu_item value="delete">Delete</.dm_menu_item>
</.dm_menu>

<.dm_menu id="menu-single-with-icons" open>
  <.dm_menu_item value="edit" icon="pencil">Edit</.dm_menu_item>
  <.dm_menu_item value="copy" icon="content-copy">Copy</.dm_menu_item>
  <.dm_menu_item value="delete" icon="delete" disabled={true}>Delete</.dm_menu_item>
</.dm_menu>

<.dm_menu id="menu-placements-top" open placement="top">
  <.dm_menu_item value="a">Option A</.dm_menu_item>
  <.dm_menu_item value="b">Option B</.dm_menu_item>
</.dm_menu>
<.dm_menu id="menu-placements-bottom" open placement="bottom">
  <.dm_menu_item value="a">Option A</.dm_menu_item>
  <.dm_menu_item value="b">Option B</.dm_menu_item>
</.dm_menu>
<.dm_menu id="menu-placements-right" open placement="right">
  <.dm_menu_item value="a">Option A</.dm_menu_item>
  <.dm_menu_item value="b">Option B</.dm_menu_item>
</.dm_menu>
<.dm_menu id="menu-placements-bottom-end" open placement="bottom-end">
  <.dm_menu_item value="a">Option A</.dm_menu_item>
  <.dm_menu_item value="b">Option B</.dm_menu_item>
</.dm_menu>