Pit Viper

v2.26.1

Pit Viper

v2.26.1
v1 / v2

  • Home
  • PV Components
  • PvDropdown

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 -