PvDropdown
Documentation
Example
Source
HTML
<script setup lang="ts">
import PvDropdown from "@/components/base/PvDropdown/PvDropdown.vue";
</script>
<template>
<PvDropdown alignment="right" :useTeleport="true">
<template #trigger>Click to reveal poetry</template>
<div class="pv-inset-square">
<p>The apparition of these faces in the crowd:</p>
<p>Petals on a wet, black bough.</p>
</div>
</PvDropdown>
</template>
Properties
Prop Name | Type | Required | Default | Description |
---|---|---|---|---|
alignment |
"right" | "top" | "top right" | undefined |
no |
undefined |
- |
defaultOpen |
boolean | undefined |
no |
false |
- |
disabled |
boolean | undefined |
no |
false |
- |
icon |
boolean | undefined |
no |
N/A |
- |
isList |
boolean | undefined |
no |
false |
- |
isLoading |
boolean | undefined |
no |
false |
- |
isSortable |
boolean | undefined |
no |
N/A |
- |
popoverCssProperties |
CSSProperties | undefined |
no |
N/A |
- |
teleportLocation |
string | undefined |
no |
“body” |
- |
useTeleport |
boolean | undefined |
no |
false |
- |
Event Name | Type | Description |
---|---|---|
dropdown-open |
[] |
- |
dropdown-closed |
[] |
- |
list-order-updated |
[value: string[]] |
- |
Slot Name | Description |
---|---|
trigger |
- |
default |
- |