FilterPopover

Hover-triggered dropdown filter panel, commonly used in list headers.

Basic Usage

Sort ▾

Sort by time

Sort by name

Sort by hot

Current: time

<template>
  <MFilterPopover v-model="sortBy" :options="options">
    <template #trigger><span>Sort ▾</span></template>
  </MFilterPopover>
</template>

Props

Name	Type	Default	Description
modelValue	string | number	-	Selected value (v-model)
options	{ label, value }[]	-	Options list

Slots

Name	Description
trigger	Element that triggers the popover on hover