Modrinth/libs/omorphia/docs/components/overflow-menu.md

1.7 KiB

Overflow Menu

More options... Play Duplicate Report I shall remain Delete
<OverflowMenu
  class="btn"
  :options="[
    {
      'id': 'play',
      'color': 'primary',
      'action': () => {},
      'hoverFilledOnly': true
    },
    { divider: true },
    {
      'id': 'duplicate',
      'action': () => {}
    },
    {
      'id': 'report',
      'link': 'https://example.com/report',
      'external': true,
    },
    {
      'id': 'remain',
      'action': () => {},
      'remainOnClick': true,
    },
    { divider: true },
    {
      'id': 'delete',
      'color': 'danger',
      'action': () => {},
      'hoverFilled': true,
    }
]">
  More options...
  <template #like>
    <HeartIcon /> Like
  </template>
  <template #report>
    <ReportIcon /> Report
  </template>
  <template #delete>
    <TrashIcon /> Delete
  </template>
</OverflowMenu>