Skip to content

DropdownList

DropdownList

PDropdownList toggles a floating menu, typically for per-row actions.

Demo

Usage

<PDropdownList v-model="menuOpen" title="Actions">
<button class="px-2 py-1">Edit</button>
<button class="px-2 py-1">Archive</button>
</PDropdownList>

Props

PropTypeDefaultNotes
titleString''Title attribute on the trigger button.
buttonSizeStringmdButton size for the trigger.
valueBooleanfalseControls open state (v-model).
disabledBooleanfalseDisables the trigger.

Events

EventPayloadDescription
inputBooleanEmits open/close state.

Slots

SlotDescription
iconOptional trigger icon.
defaultDropdown content.