Pit Viper

v2.26.1

Pit Viper

v2.26.1
v1 / v2

  • Home
  • PV Components
  • PvMultiSelect

PvMultiSelect

Documentation

Example

Source

HTML
<script setup lang="ts">
import { OptionWithIcon } from "@/types.ts";
import { ref } from "vue";
import PvMultiSelect from "@/components/base/PvMultiSelect/PvMultiSelect.vue";

const options: OptionWithIcon[] = [
{
label: "Option 1",
value: "option1",
iconName: "chart-area",
iconPosition: "left",
},
{
label: "Option 2",
value: "option2",
iconName: "chart-bar",
iconPosition: "left",
},
];

const selectedOptions = ref<string[]>(["option1"]);
</script>

<template>
<PvMultiSelect :options="options" v-model="selectedOptions"></PvMultiSelect>
</template>

Properties

Prop Name Type Required Default Description
defaultText string | undefined no

“Select an option”

-
disabled boolean | undefined no

false

-
options Option[] | OptionWithIcon[] no

[]

-