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 |
[] |
- |